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 ドロップダウン メニュー

推薦する

JavaScriptは双方向リンクリストプロセス分析を実装します

目次1. 二重連結リストとは何か2. 双方向リンクリストのカプセル化3. 双方向リンクリストの一般的...

Tomcat の静的ページ (html) で中国語の文字化けが発生する問題の究極の解決策

tomcatでは、jspは文字化けしませんが、htmlの中国語は文字化けします理由はいくつかあります...

Vueでキャッシュされたページを管理する方法

目次問題1: 破壊1. 破壊する方法2. いつ破壊するか2.1 解決策1: route.queryを...

CSS オーバーフローラップの新しいプロパティ値をどこでも使用

1.まず、overflow-wrap属性を理解する CSS のoverflow-wrapプロパティは...

Win10 の組み込み Linux システムを使用して Spring Boot プロジェクトを開始する方法

1. Windows10の組み込みLinuxサブシステムをインストールする1.1. Linuxサブシ...

vue3.0 でカルーセル コンポーネントをカプセル化する手順

目次1: カプセル化の考え方2. 包装工程3: ドットインジケーター4: 左と右のインジケーター5:...

MySQLデータベースとテーブルシャーディングの概要

プロジェクトの開発中に、データベースのデータがどんどん大きくなり、その結果、1 つのテーブルにデータ...

Linuxのテキスト処理コマンドsortの詳細な説明

テキストファイルの内容を並べ替える使用方法: ソート + オプション + ファイル名 (複数のファイ...

Linux の EXT シリーズファイルシステムフォーマットの詳細な説明

Linux ファイルシステム一般的なハードディスクは上図のとおりです。各ディスクは複数のトラックに分...

Viteは仮想ファイルの実装を導入します

目次背景仮想ファイルのインポート例書類タイプスクリプトのサポート要約する背景新しいプロジェクトで v...

ウェブサイトのAboutページの紹介コンテンツの書き方

公式、電子商取引、ソーシャル ネットワーキング、個人のいずれの Web サイトでも、訪問者に貴重な時...

ウェブページ制作と饅頭の関係（体験の共有）

昨日は遅くまで寝ていて、一日中起きていました。私の年齢では、夜更かしして本を書くのはもう無理のようで...

Nginx の http リソース リクエスト制限の詳細な説明 (3 つの方法)

前提条件: nginx には、ngx_http_limit_conn_module モジュールと n...

Docker+nacos+seata1.3.0 のインストールと使用設定チュートリアル

これに先立ち、1日かけてやってみました。Seataは使い方が簡単で超シンプルですが、インストールや設...

MySQLコマンドが中国語で入力できない問題の解決方法

問題を見つける最近、MySQL コマンドを使用して MySQL サーバーに接続したときに、以下のよう...