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

推薦する

Apache Tika を使用してファイルが破損しているかどうかを検出する方法

Apache Tika は、さまざまな形式のファイルからファイル タイプを検出し、コンテンツを抽出す...

自動開始および停止コマンドを適用するには、Docker サービスを再起動します (推奨)

Docker サービス アプリケーションを再起動するコマンドを見てみましょう。具体的な内容は次のと...

Vue は水の波紋効果のクリックフィードバック指示を実装します

目次水波効果実装を見てみましょう水の波紋のデフォルトスタイルをカスタマイズする水の波紋の位置と直径を...

MySQLデータベースを定期的に自動バックアップする方法

データは貴重なものであることは誰もが知っています。データをバックアップしなければ、データをそのまま放...

Windows で virtualenv を使用して仮想環境を作成する方法 (2 つの方法)

オペレーティング システム: windows10_x64 Python バージョン: 3.6.8仮想...

LinuxのCPU負荷とCPU使用率の詳細な説明

CPU 負荷と CPU 使用率これらは両方とも、ある程度、マシンの忙しさを反映できます。 CPU 使...

HTML5で見逃せないAPIやヒントのまとめ

これまでのブログ投稿では、HTML 5 ではあまり使われていないが注目すべき API やヒントに焦点...

JavaScript 改ざん防止オブジェクトの使用例

目次JavaScript 改ざん防止オブジェクト1. 拡張不可能なオブジェクト2. 封印された物体3...

イメージを再構築せずにDockerにポートを動的に追加する方法

操作中に Docker コンテナの公開ポートを変更または追加する必要がある場合がありますが、実行中の...

Alibaba Cloud Server Tomcatにアクセスできません

目次1. はじめに2. 解決策2.1 ファイアウォールを設定してポートを開く2.3 ポートを確認し、...

意外と知らないLinuxのSSHコマンドの使い方7選を徹底解説

システム管理者は複数のサーバーを同時に管理する場合があり、これらのサーバーは異なる場所に配置されてい...

HTML テーブル マークアップ チュートリアル (43): テーブル ヘッダーの VALIGN 属性

垂直方向では、ヘッダーの配置を上、中央、下に設定できます。基本的な構文構文Top は上、Middle...

JSはリクエストディスパッチャーを実装する

目次抽象化と再利用シリアルセグメントシリアル、セグメントパラレル要約するはじめに: JS は当然並列...

VUE + OPENLAYERSがリアルタイムポジショニング機能を実現

目次序文1. ラベルスタイルを定義する2. GeoJSONデータのシミュレーション3. Vercto...

Linux Cron によるパラメータ付き PHP コードのスケジュール実行

1. 引き続き PHP スクリプトを使用して実行します。コマンドラインに入力: php /home/...