ページ

2015年2月6日金曜日

HTML5と戯れる 3 - 基礎 -

次の外勤先がWebアプリケーション(Struts)なので、とりあえず全て一から勉強(--;)

ドットインストールを見ながら基本的なHTMLのテンプレートを作成。

index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>Title</title>
    <style>
      p { color: red; }
    </style>
  </head>
  <body>
    <!-- comment -->
    <p>Hello, World!</p>
    <h1>h1</h1>
    <h2>h2</h2>
    <h3>h3</h3>
    <h4>h4</h4>
    <h5>h5</h5>
    <h6>h6</h6>
    <hr>
    <p><strong>strong</strong></p>
    <hr>
    <!-- Unordered List -->
    <ul>
    <li>Apple</li>
    <li>Banana</li>
    <li>Pie</li>
    </ul>
    <!-- Ordered List -->
    <ol>
    <li>Apple</li>
    <li>Banana</li>
    <li>Pie</li>
    </ol>
    <hr>
    <!--
      tr: table row
      th: table header
      td: table data
    -->
    <table>
    <thead>
    <tr>
    <th>id</th>
    <th>name</th>
    <th>age</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>1</td>
    <td>AAA</td>
    <td>25</td>
    </tr>
    <tr>
    <td>2</td>
    <td>BBB</td>
    <td>30</td>
    </tr>
    </tbody>
    </table>
  </body>
</html>

実行結果(safari)
























ん〜基礎は大事。

0 件のコメント:

コメントを投稿