開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 10.(Divs and Spans: Advanced Web Construction)、SHARPEN YOUR PENCIL(No. 7176) を取り組んでみる。
SHARPEN YOUR PENCIL(No. 7176)
- Buddha Bar, Claude Challe
- When It Falls, Zero 7
- Earth 7, Bukem
- Le Roi Est Mort, Vive Le Roi!, Enigma
- Music for Airports, Brian Eno
コード(Emacs)
HTML5
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="sample4.css">
</head>
<body>
<ul>
<li>
<span class="cd">Buddha Bar</span>,
<span class="artist">Claude Challe</span>
</li>
<li>
<span class="cd">When It Falls</span>,
<span class="artist">Zero 7</span>
</li>
<li>
<span class="cd">Earth 7</span>,
<span class="artist">Bukem</span>
</li>
<li>
<span class="cd">Le Roi Est Mort, Vive Le Roi!</span>,
<span class="artist">Enigma</span>
</li>
<li>
<span class="cd">Music for Airports</span>,
<span class="artist">Brian Eno</span>
</li>
</ul>
</body>
</html>
CSS(Stylesheet)
.cd {
font-style: italic;
}
.artist {
font-style: bold;
}
0 コメント:
コメントを投稿