12月10日(水)2コマ目

今日、やったこと

箇条書き

今日のホワイトボード

箇条書きを作るには

<ul>タグ、<li>タグを使う。

<ul>タグは箇条書きの始まり、終わり。

<li>タグは箇条書きの項目。

図　箇条書き

HTMLファイルは以下のとおり。

箇条書きのマーカー

箇条書きの各項目の左側の●がマーカー。

デフォルトでは、●が表示される。

デザイン設定の項目名list-style-typeで変更することもできる。

下図は、list-style-typeをsquareに変更した場合。

図　箇条書きマーカー変更(●->■)

HTMLファイルは以下のとおり。

練習

以下のように、箇条書きを２つ。

ただし、それぞれマーカーが異なるので注意。

図　練習問題

正解例はこちら。

次回は

箇条書きの練習。

そのあと、表。