2017年5月18日木曜日

開発環境

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 …

seattle_video.jpg

コード(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 コメント:

コメントを投稿