HTMLスキル - 第6章 Lesson7

箇条書きリストを作成する方法

   

テクノロジーとクリエイティブのプロを目指す人のためのオンラインスクール
月額2500円で500以上のレッスンが受けられます

このスキルのデータをダウンロード: Windows Mac

箇条書きリストを作成するための<ul><ol><li>タグの書き方について、初心者向けに解説しています。



この動画で学べること

・リストの作成方法



<li>タグを使って文章をリストにしよう

文章をリストにして、情報をわかりやすく整理していきたいと思います。
文字を入力しただけではただの横並びになってしまいますが、<li>タグを使うと、リスト化することができます。
<li>タグで文字を囲み、それを幾つか作ってリストにします。
また、作ったリストを一つにまとめるのが<ul>タグです。<li>タグとセットで覚えてください。
しかし、必ずしも<ul>タグを使うのではなく、順番をつけてリストにしたい場合は、<ol>タグを使います。
今回は<ol>タグを使ってリストを作成していきましょう。



 <ol>
<li>HTML</li>
<li>CSS</li>
<li>PHP</li>
<li>javascript</li>
</ol>



ここまでできたら 、保存してブラウザで見てみましょう。
リストアイコンが数字となって表示されました。