１週間続きました！ログインボーナス！
pタグ
以前もでましたが、おさらい。
<p></p>
段落タグ。
imgタグ
画像の事で、閉じタグ必要なし。
alt 属性→画像が読み込めなかった時にテキストで表示＆音声読み上げブラウザで読み上げてくれる。
<img scr”画像ファイル” alt=”ロゴ画像”>
画像の大きさをサイズ指定しておくと、画像が読み込まれる前に表示領域を確保してくれるので、読み込み中のレイアウトのガタツキを抑えられる。
<img scr”画像ファイル” alt=”ロゴ画像” “width=”160″ height=”160”>
↑”width=”160″ height=”160″ ピクセルは単位を付けない。
PX＝画面上の長さを表す単位。
大抵のブラウザは、デフォルトで文字の大きさが１６pxなので１６０を指定すると１０文字分ぐらいの長さになる。
リストを表現するタグ
HTMLでは３種類。
箇条書きリスト
順序付きリスト
説明付きリスト
箇条書きリスト
①全体を <ul></ul>で囲む。
Unordered List 順序が付いていないただのリスト
②それぞれの項目を<li></li>で囲む。
List Item リストアイテム
例） <ul>
<li>HTML</li>
<li>CSS</li>
<li>Java Script</li>
</ul>
順序付きリスト
①全体を<ol></ol>で囲む。
Ordered List 順序がつけられたリスト
②項目は<li></li>で囲む
説明付きリスト
項目にさらに説明を加えたリスト
①全体を<dl></dl>で囲む。
Description List
②項目を<dt></dt>タグで囲む。
Description Term
③項目の説明は<dd></dd>タグで囲む
Description Details
例）
<dl>
<dt>HTML</dt>
<dd>文書の意味</dd>
<dt>CSS</dt>
<dd>文書の見た目</dd>
<dt>Java Script</dt>
<dd>文書の動き</dd>
</dl>
コメント