HTML: リスト olとul - 未経験からWebエンジニアを目指す!!

リスト表示には　ol(Ordered List)とul(Unodered List)がある。
どちらの要素も順番に並べたいものは開始タグと終了タグの中でliを使用して記述をする。

ol…順番リスト

ul…順番不同リスト

olの記述例

<h2>Linux Mintのインストールの流れ</h2>
<ol>
 <li>isoファイルをダウンロード。</li>
 <li>USBメモリにisoを焼く。</li>
 <li>PCにUSBメモリを刺して、F2を押しながら起動する。</li>
 <li>Linux Mintを選択し、起動する。</li>
</ol>

ブラウザでの見え方
f:id:web0ninja:20160710225911p:plain

ulの記述例
下の例では、入れ子(ネスト)にしています。

<h2>検証でよく使うLinuxディストリビューション</h2>
<ul>
 <li>Red Hat系</li>
  <ul>
    <li>CentOS</li>
  </ul>
 <li>Debian系</li>
  <ul>
    <li>Ubuntu</li>
  </ul>
</ul>

ブラウザでの見え方
f:id:web0ninja:20160710230740p:plain