HTML and CSS - Tables and More Lists: Getting Tabular(rows, data, tr,td)

Head First HTML and CSS
(O'Reilly Media)
Elisabeth Robson (著), Eric Freeman (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox + Firebug, Google Chrome(Webプラウザ、プラグイン)
• BBEdit - Bare Bones Software, Inc. (GUI) , Emacs (CUI) (Text Editor)
• HTML (マークアップ言語)
• Cascading Style Sheets(CSS) (スタイルシート)

Head First HTML and CSS (Elisabeth Robson (著)、 Eric Freeman (著)、O'Reilly Media)のChapter 13(Tables and More Lists: Getting Tabular)、EXERCISE(No. 9299)を解いてみる。

EXERCISE(No. 9299)

HTML (BBEdit, Emacs)

<style type="text/css">
  td.test { border: 1px solid black; }
</style>

<table>
  <tr>
    <td class="test">Bountiful, UT</td>
    <td class="test">July 10th</td>
    <td class="test">91</td>
    <td class="test">4,226 ft</td>
    <td class="test">41,173</td>
    <td class="test">4/5</td>
  </tr>
  <tr>
    <td class="test">Last Chance, CO</td>
    <td class="test">July 23rd</td>
    <td class="test">102</td>
    <td class="test">4,780 ft</td>
    <td class="test">265</td>
    <td class="test">3/5</td>
  </tr>
  <tr>
    <td class="test">Truth or Consequences, NM</td>
    <td class="test">August 9th</td>
    <td class="test">93</td>
    <td class="test">4,242 ft</td>
    <td class="test">7,289</td>
    <td class="test">5/5</td>
  </tr>
  <tr>
    <td class="test">Why, AZ</td>
    <td class="test">August 18th</td>
    <td class="test">104</td>
    <td class="test">860 ft</td>
    <td class="test">480</td>
    <td class="test">3/5</td>
  </tr>
</table>

Bountiful, UT	July 10th	91	4,226 ft	41,173	4/5
Last Chance, CO	July 23rd	102	4,780 ft	265	3/5
Truth or Consequences, NM	August 9th	93	4,242 ft	7,289	5/5
Why, AZ	August 18th	104	860 ft	480	3/5