HTML の順序付きリスト、順序なしリスト、定義リストに関する簡単な説明

HTML の順序付きリスト、順序なしリスト、定義リストに関する簡単な説明

順序付きリスト

XML/HTML コードコンテンツをクリップボードにコピー
  1. <オル タイプ= "A" 、開始= "C" >   <!--順序付きリスト-->   
  2.      < li >最初の項目</ li >   
  3.      < li > 2 番目の項目</ li >   
  4. </ ol >   

順序なしリスト

XML/HTML コードコンテンツをクリップボードにコピー
  1. < ul  タイプ= "ディスク" >    <!--順序なしリスト--> <!--さらに 2 つのタイプがあります: 円、四角形-->   
  2.      < li >最初の項目</ li >   
  3.      < li > 2 番目の項目</ li >   
  4. </ ul >   

定義リスト

定義リストは、定義用語と定義の説明で構成されます。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <dt>タグの後に説明したい名詞を追加します
  2. <dd>タグの後に追加された名詞の具体的な説明
XML/HTML コードコンテンツをクリップボードにコピー
  1. <ダウンロード タイプ= "ディスク" >    <!--定義リスト--> <!--さらに 2 つのタイプがあります: 円、四角形-->   
  2.      < dt > CSS </ dt >   
  3.      < dd >カスケードスタイルシート</ dd >   
  4. </ダウンロード>   

栗：

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!doctype html >   
  2. <html>​​   
  3.      <ヘッド>   
  4.          <メタ  http-equiv = "コンテンツタイプ"  コンテンツ= "text/html; 文字セット = utf-8"   
  5.          <メタ 名前= "説明"   content = "ページの説明を設定する" >   
  6.          <タイトル>ウェブページ 1 </タイトル>   
  7.      </ヘッド>   
  8.      <本文>   
  9.          < h1 >タイトル</ h1 >   
  10.                  <時間>   
  11.          <オル タイプ= "A" 、開始= "3" >   <!--順序付きリスト-->   
  12.                  < li >最初の項目</ li >   
  13.                  < li > 2 番目の項目</ li >   
  14.          </ ol >   
  15.   
  16.          < ul  タイプ= "ディスク" >    <!--順序なしリスト--> <!--さらに 2 つのタイプがあります: 円、四角形-->   
  17.                  < li >最初の項目</ li >   
  18.                  < li > 2 番目の項目</ li >   
  19.          </ ul >   
  20.   
  21.          <ダウンロード タイプ= "ディスク" >    <!--定義リスト-->   
  22.                  < dt > CSS </ dt >   
  23.              < dd >カスケードスタイルシート</ dd >   
  24.   
  25.          </ダウンロード>   
  26.   
  27.      </本文>     
  28. </html>​​   

出力効果:

HTML の順序付きリスト、順序なしリスト、定義リストに関する上記の簡単な説明は、エディターが皆さんと共有する内容のすべてです。これが皆さんの参考になれば幸いです。また、123WORDPRESS.COM をサポートしていただければ幸いです。

<<:  Docker コンテナ ソース コードのデプロイ httpd ストレージ ボリュームを使用して Web サイトをデプロイする (推奨)

>>:  純粋な CSS ドロップダウン メニュー

推薦する

CSS と HTML とフロントエンド テクノロジーのレイヤー図

JavascriptとDOMの関係は非常に曖昧で、CSSやHTMLのフロントエンド技術層も理解してい...

MySQL での大規模トランザクションによって発生する挿入の遅延ケースの分析

【質問】 INSERT 文は最も一般的な SQL 文の 1 つです。最近、MySQL サーバーが同時...

HTML で余分なテキストを省略記号に変換する方法

HTML で余分なテキストを省略記号として表示したい場合は、いくつかの方法があります。 1行テキスト...

mysql explain（分析インデックス）の使い方の詳しい説明

EXPLAIN は、MySQL がインデックスを使用して選択ステートメントを処理し、テーブルを結合す...

MySql5.x を MySql8.x にアップグレードする方法と手順

MySQL 5.x と MySQL 8.0.X のいくつかの違いapplication.proper...

MySQL全文インデックスの原理と欠点

MySQL フルテキスト インデックスは、特定のテーブルの特定の列に表示されるすべての単語のリストを...

Nginx の add_header ディレクティブに注意する必要があるのはなぜですか?

序文ご存知のとおり、nginx 構成ファイルは add_header ディレクティブを使用して応答ヘ...

MySQL のインデックスの原理とクエリの最適化の詳細な説明

目次1. はじめに1. インデックスとは何ですか? 2. インデックスはなぜ必要なのでしょうか? 2...

MySQLデータベースの基礎知識と操作のまとめ

この記事では、例を使用して、MySQL データベースの基本的な知識と操作について説明します。ご参考ま...

Django は Pillow を使用して検証コード機能を簡単に設定します (Python)

1. モジュールをインポートし、検証状態を定義する PIL から Image、ImageDraw、...

Docker での Tomcat インストールの 404 問題の解決方法

tomcat の containerID を見つけて、tomacat ディレクトリに入ります。 [r...

データベースを削除して逃げる？xtraback を使用して MySQL データベースをバックアップする方法

1. mysqldump バックアップ方法では論理バックアップが使用されます。最大の欠点は、バック...

CSS 要素の非表示の原則と display:none および visibility:hidden

1. CSS 要素の非表示<br />CSS では、要素を非表示にする (つまり、画面の...

Webpack4プラグインの実装原理についての簡単な説明

目次序文知る練習すれば完璧になる序文wabpack では、ローダーの他にプラグインがコア機能です。プ...

Iframe Web ページのナビゲーション ウィンドウに関する簡単な説明

Iframe Web ページのナビゲーション ウィンドウに関する簡単な説明 Iframe ウェブペー...