開発環境
- macOS Sierra - Apple (OS)
- Emacs (Text Editor)
- Safari(Web browser)
Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 7.(Getting Started with CSS: Adding a Little Style)、SHARPEN YOUR PENCIL(No. 4823) を取り組んでみる。
SHARPEN YOUR PENCIL(No. 4823)
Welcome to myPod
Welcome to the place …
Me and my iPod …
コード(Emacs)
HTML5
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="sample3.css">
</head>
<body>
<h1>Welcome to myPod</h1>
<p>
Welcome to the place …
</p>
<p>
Me and my iPod …
</p>
<p>
<img alt="seattle_video.jpg" src="">
</p>
</body>
</html>
CSS
h1, h2 {
font-family: sans-serif;
}
h1 {
border-bottom: 1px solid black;
}
p {
color: maroon;
font-family: sans-serif;
}
0 コメント:
コメントを投稿