22
April
htmlとは？
html(Hyper Text Markup Language)
Webページを記述するためのマークアップ言語 (Text36ページ)で、
コンテンツ（日本語）に印をつけ意味付けをする役割がある
Markupとは
目印（荷札：タグ）をつけていくこと
使用する記号
- 「<」と「>」は「アングルブラケット」（山括弧）
- 「/」：スラッシュ (slash)
- 「<E>」：開始タグ ※Eは要素（Element）
- 「</E>」：終了タグ
- 「”」：ダブルコーテーション
- 「’」：シングルコーテーション
- 「:」：コロン
- 「;」：セミコロン
使用するタグ
- h1 – h6：見出し
- p：段落、文章、画像等
- br：改行
- img：画像表示
- a：リンク要素
- ul：箇条書きリスト（順番無し）
<ul>
<li></li>
<li></li>
<li></li>
</ul> - ol：箇条書きリスト（順番あり）
<ol>
<li></li>
<li></li>
<li></li>
</ol> - dl：説明（説明）リスト
<dl>
<dt></dt><dd></dd>
<dt></dt><dd></dd>
<dt></dt><dd></dd>
</dl> - table：表組
<table border=”1″>
<tr><th></th><td></td></tr>
<tr><th></th><td></td></tr>
<tr><th></th><td></td></tr>
</table>
文字参照
HTMLやXMLなどSGMLから派生したマークアップ言語で、文書中に（ある特定の）文字を直接記すことが難しい場合に、特定の英数字や記号の組み合わせを代わりとして用いることができる記法。
| 記述 | 表示 | 説明 |
|---|---|---|
| © | © | コピーライトマーク |
| ⅓ | ⅓ | 分数 |
入力練習(p.43)
htmlテンプレート
コメントタグ
情報領域のグループ化（Text28ページ）
| header | 文書のヘッダー部分 |
|---|---|
| nav | 文書のメインのナビゲーション部分 |
| main | 文書のメインコンテンツ部分 |
| footer | 文書のフッター部分 |
意味を持たない情報のグループ化
| div | ブロック要素をグループ化 |
|---|---|
| span | インライン要素をグループ化 |
セクション要素（Text105ページ）
| section | 章、節のような一般的な見出しとそのコンテンツのセットを表す要素 |
|---|---|
| nav | 主要なナビゲーションを表す要素 |
| article | 自己完結し独立したセクションを表す要素 |
| aside | メインコンテンツとは関係が薄く、取り外しても問題のないセクションを表す要素 |