読者です 読者をやめる 読者になる 読者になる

未経験からWebエンジニアを目指す!!

日々学ぶ新しいことや発見をメモしていくブログです。

HTML: リスト olとul



リスト表示には 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



Icons made by Iconnice from www.flaticon.com is licensed by CC 3.0 BY