HTML の順序付きリスト、順序なしリスト、カスタム リストの違いを図で詳しく説明します。

リストは、ページ レイアウトでよく使用されます。順序付きリスト、順序なしリスト、カスタム リストの違いをご存知ですか?この記事では、順序付きリスト、順序なしリスト、およびカスタム リストでどのようなタグが使用されているか、および 3 つの違いについて紹介します。一定の参考になるので、興味のある方はご覧ください。

1. 順序なしリスト

タグを
• と一緒に使用します。順序なしリストを作成できます。

  例: 順序なしリストを使用して 4 つの主要な古典をリストするには、コードは次のとおりです:
  

  <ul>
     <li>红楼梦</li>
     <li>水浒传</li>
     <li>三国演义</li>
     <li>西游记</li>
  </ul>

  レンダリング:

  

  # #Unowned List 属性タイプ。デフォルトのスタイルは小さな黒い円、つまりディスクです。タイプ属性には、ディスク (デフォルトの実線の円)、円 (中空の円)、正方形 (実線の正方形)、およびなし (プレフィックスをキャンセル) が含まれます。

  2. 順序付きリスト

  タグを
  1. と一緒に使用します。順序付きリストを作成でき、リストの順序が数値で表示されます。
     サンプル コードは次のとおりです。

     <ol>
        <li>红楼梦</li>
        <li>水浒传</li>
        <li>三国演义</li>
        <li>西游记</li>
     </ol>

     レンダリング:

     

     順序付きリストには、type と start という 2 つの属性があります。 type には 5 つの属性値があります: 1、a、A、i、I (ローマ数字)。これらはリストのプレフィックスのスタイルを示すために使用されます。 start は、type の何番目から開始するかを示します。たとえば、type = "a"、start = "4" の場合、小文字のタイプが選択されていることを意味し、リストは 4 番目の文字 d から始まります。

     3. カスタマイズされたリスト

     タグは

     とともに使用されます。 ;dd> 、カスタム リスト (説明リスト) を作成します。

     サンプルコードは以下の通りです:

     <dl>
          <dt>中国四大名著</dt>
            <dd>红楼梦</dd>
           <dd>西游记</dd>
            <dd>水浒传</dd>
            <dd>三国演义</dd>
     </dl>

     レンダリング:

     

     カスタムリスト(説明リスト)にはインデントがあります。 。

     順序付きリスト、順序なしリスト、およびカスタム リストの違い:

     順序付きリストと順序なしリストの両方に接頭辞がありますが、順序付きリストには大文字、小文字、数字が含まれます。ローマ数字など、順序なしリストの接頭辞は黒丸、白丸、黒四角です。カスタム リスト、順序付きリスト、および順序なしリストの違いは、インデントはありますが接頭辞がないことです。

     【関連チュートリアルの推奨事項】

     1.

     CSS3 ビデオ チュートリアル2.
     CSS オンライン マニュアル3.ブートストラップ チュートリアル
     

以上がHTML の順序付きリスト、順序なしリスト、カスタム リストの違いを図で詳しく説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。