★ Let's become a Web Designer! 【プロフィール】 【商品一覧】 【特典画像】 【よくある質問】 【あなたのお手伝い】
 

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

 
ホーム はじめに 講座の効果 作成実績 受講者の声 パーツ集 ホームページ基礎講座 スマホサイト講座 よく使う用語集
 
 
 
 
 
  ホーム > HTMLタグの書き方 > table、tr、td タグ >> li タグの書き方 >> ul タグ
 

<li> タグの書き方

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

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



<li> タグの記述例

 
<li>ホームページに掲載する文章</li>
<li>ホームページに掲載する文章</li>
<li>ホームページに掲載する文章</li>

ホームページ上の表示

 
  • ホームページに掲載する文章
  • ホームページに掲載する文章
  • ホームページに掲載する文章


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

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


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

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


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






    【おすすめ外部コンテンツ】
     
    会員制サイドビジネス講座
     
    私がお金を稼ぐ理由 ~ お金を持ったときのメリット ~
     
    インターネットで月20万円の収入を継続して稼ぐ方法
     
    初心者用ホームページテンプレート
     

    インターネットビジネスのすごさを認識してください
     
    無料ホームページ制作講座の受講者の声
     
    動画で覚える無料FX講座
     
    ホームページが作れる能力は、最高の能力
     



    当サイトで使用しているサンプルサイトを無料でダウンロード!

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

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



    AIやChatGPTを使ってインターネットビジネスを行う講座

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

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



     
     
    今スタートできるサンプル
    サイトを無料ダウンロード
     
    サンプルサイトの無料ダウンロード
     
    サイドビジネス講座
     
    会員制サイドビジネス講座
     
    初心者がホームページを自分で作れる能力を身につけて、 そのホームページをビジネスに活用する方法をお伝えする、会員制のサイドビジネス講座です。

    この講座は、初心者がインターネットで収入を得られるようになることを目的として、運営しています。
     
     
    HPテンプレート
     
    自分で更新できる最短ホームページテンプレート
     
    初心者が、簡単にホームページを作るための「ホームページテンプレート」です。

    テンプレートと、たくさんのパーツ集をコピーして貼り付けるだけで、ホームページが完成する仕組みになっています。

    さらに、テンプレートの使い方はすべて動画で解説しています。
     
    基礎講座と用語集
     無料ホームページ作り方 ホームページ基礎講座
     無料ホームページ作り方 スマホサイト作成講座
     無料ホームページ作り方 HPでよく使う用語集
     無料ホームページ作り方 HTMLタグの書き方
     無料ホームページ作り方 スタイルシートの書き方
     
    ホームページ作成ソフト
     
    レンタルサーバ
     
    ワードプレス
     
    ChatGPTの使い方
     
    インターネット副業
     
    サイドビジネス・副業の始め方
     
    初心者が、インターネットを使ったサイドビジネスで、自宅にいながら収入を得る方法を、すべて動画でお伝えするサイトです。

    また、仕事ができるようになるノウハウや、「最高の成長法」などもお伝えしています。
     
     
    リンク
     
    会社概要
     
    特定商取引に基づく表記
     
    個人情報保護ポリシー
     
    お問い合わせ先
     
     
    NPO法人の推薦状
     
    NPO法人の推薦状

     
    当サイトは、NPO法人「起業とキャリア支援センター」様からの推薦を受けて、運営しています。
     
    トップページプロフィール特定商取引法取り扱い商品よくある質問あなたのお手伝いお問い合わせ
     
     
    Copyright © 動画で覚える無料ホームページ制作講座 All rights reserved.
     
    by おすすめ副業ランキングサイト
    ^