HTML5 - CSS - Building Blocks: Web Page Construction(list, ul(unordered list), li)

Head First HTML and CSS

開発環境

• macOS Sierra - Apple (OS)
• Emacs (Text Editor)
• Safari(Web browser)

Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 3.(Building Blocks: Web Page Construction)、EXERCISE(No. 2185) を取り組んでみる。

EXERCISE(No. 2185)

Header 1

Paragraph

August 20, 2012

… places on the way:

1. Walla Walla, WA
2. Magic City, ID
3. Bountiful, UT
4. Last Chance, CO
5. Truth or Consequences, NM
6. Why, AZ

I deinitely…

Header 2

I saw some…

Passing cars,
When you can't see,
May get you,
A glimpse,
Of eternity.

I definitely…

Header 2

…with me:

• cell phone
• iPod
• digital camera
• a protein bar

Just … As Lao GTzu would have said, A journey of a thousand miles begins with one Segways.

コード(Emacs)

HTML5

<h1>Header 1</h1>
<p>Paragraph</p>
<h2>August 20, 2012</h2>
<img width="600" height="200" title="image" src="">
<p>
… places on the way:
<ol>
  <li>Walla Walla, WA</li>
  <li>Magic City, ID</li>
  <li>Bountiful, UT</li>
  <li>Last Chance, CO</li>
  <li>Truth or Consequences, NM</li>
  <li>Why, AZ</li>  
</ol>
I deinitely…
</p>
<h2>Header 2</h2>
<p>I saw some…
  <blockquote>
    Passing cars, <br>
    When you can't see, <br>
    May get you, <br>
    A glimpse, <br>
    Of eternity.
  </blockquote>
  I definitely…
</p>
<h2>Header 2</h2>
<img width="600" height="200" title="image" src="">
<p>…with me:
  <ul>
    <li>cell phone</li>
    <li>iPod</li>
    <li>digital camera</li>
    <li>a protein bar</li>
  </ul>
  Just … As Lao GTzu would have said, <q>A journey of a thousand miles begins with one Segways.</q></p>