liタグの書き方｜リストを表示するタグを分かりやすく解説

<li> タグは、 リストを表示するタグ です。

この <li> タグを使うことで、文章をリストとして、表示することができます。

■ <li> タグの記述例

■ ホームページ上の表示

上記のように、<li> タグで囲った文章の先頭には、「中黒（ ・ ）」が表示されていますよね。

<li> タグを使うことで、 その文章をリストとして表示すること ができます。


ただ、ここからが重要なのですが、、、上記の記述は、正しくありません。
理由は、次でお伝えする <ul> タグか、<ol> タグを一緒に使っていないから です。

<li> タグは、上記のように、単体で使ったとしても、「中黒（ ・ ）」は表示されます。 ただ、本来の書き方としては、<ul> タグか、<ol> タグとセットで使わなければいけない、という決まりがあります。


「表示されているんだから、これでもいいじゃん！」と思われるかもしれませんが、「<ul> タグか、<ol> タグとセットで使ってくれ」というルールがありますので、こういうルールがある以上、それにのっとるようにしましょう！

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
サンプルサイトがあれば、さらにホームページの作り方が分かりやすくなりますよ。

⇒　当サイトで使用しているサンプルサイトの無料ダウンロードはこちら

これからはAIの時代になります。 私も、AIを使って文章や画像やホームページを作っています。 私が実際に行っているやり方を、分かりやすく解説した講座が、下記の講座です。

⇒　AIやChatGPTを活用してビジネスを行う講座はこちら