箇条書きとリンク
箇条書き <ul> <ol> <dl>
- テキストP.30〜32
- 必然性のある箇条書きを利用する
ul(unordered list)
順序が置き換わっても意味が伝わる並列な内容に使う。- 行頭マークは「黒丸」
<ul> <li>私が好きな真っ赤なりんご</li> <li>あなたが好きなのはバナナ</li> </ul>
ol(ordered list)
順序が置き換わっては意味が伝わらない、順序が意味をもつ内容に使う。- 行頭は数字
<ol> <li>まず良く洗ってから皮をむき</li> <li>それからおもむろに囓りつく</li> </ol>
dl(definition list)
「名称(用語)」と「その説明文(定義)」をセットにしてリスト化するときに使う。- リスト全体に対する dl要素:definition list
- 名称(用語)に対する dt要素:definition term
- 説明文(定義)に対する dd要素:definition description
<dl> <dt>りんご</dt> <dd>赤い色をした丸い果物。</dd> <dt>バナナ</dt> <dd>黄色い色をした細長い果物。</dd> </dl>
以下のような場合にも、利用されます。
いわゆる日付で明示する更新情報の場合です。
<dl> <dt>08月11日</dt> <dd>定義型リストと表組みの練習</dd> <dt>08月10日</dt> <dd>HTMLの基本構造の入力練習</dd> <dt>08月05日</dt> <dd>フェリカテクニカルアカデミーWebサイト制作科開講</dd> </dl>
リンク
Webは「リンク」こそ命。
リンクには3つの使い方があります。
- テキストリンク
- 画像リンク
- メールリンク
<a href="移動先のアドレス">◎◎◎のページへ移動</a> <a href="移動先のアドレス"><img src="画像の住所" width="幅" height="高さ" alt="代替え文字"></a> <a href="mailto:xxx@xxx.net">お問い合わせ(メールソフトが起動します)</a>
a:anchor
href:hyper reference
新規ウィンドウで開く
- target="_blank"