リストを作成する

このページでは、リストの作成について説明します。

まずは、前回作成した「index.html」を複製し、ファイル名を変更した「about.html」を作成しましょう。

chap1

次に、複製した「about.html」を開き、前回作成した<body>～</body>内の

ここは北海道情報大学のサイトです。

を削除し、

北海道情報大学とは？

などに変更しておきましょう。

では実際にリストを作成してみましょう。
「<h1>北海道情報大学とは？</h1>」の次の行に以下のように入力してください。

北海道情報大学とは？

   北海道情報大学は、江別にあります
   北海道情報大学は、私立大学です
   北海道情報大学は、情報に関して学ぶ大学です

<ul></ul>	リスト全体を囲うタグ
<li></li>	リストの内容ひとつひとつを囲うタグ

打ち終わったら、実際にブラウザでhtmlファイルを開いてみましょう。

上のように表示されていれば、正しく作成できています。

上の結果の通り、スタイルを適用していないリストは一見ただの箇条書きなので、テキストで作成しても変わらないように思えます。

しかし、リストは後からスタイルを適用していく際に大変便利です。特に、ナビゲーション（メニュー）など、内容が文章ではなく箇条書きにあたるものは必ずリストを使用しましょう。