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

推薦する

MySQL 起動失敗の問題とシナリオ分析

1. ワンストップソリューション1. 問題の分析と特定 # MySQL設定ファイルを見つけて、MyS...

JavaScript プログラムのループ構造の詳細な説明

目次構造を選択ループ構造その間…しながらforループ…のために…で…の…のためにまとめループの終了壊...

MySQL で 1 つのテーブルのフィールドを使用して別のテーブルのフィールドを更新する方法

1. 1列を変更する 学生の更新、都市c s.city_name = c.name を設定します こ...

njs モジュールを使用して nginx 構成に js スクリプトを導入する

目次序文1. NJSモジュールをインストールする方法1: NJSモジュールを動的にロードする方法2:...

CSS で垂直方向の中央揃えを実装するいくつかの方法の概要

フロントエンドのレイアウト プロセスでは、水平方向の中央揃えを実現するのは比較的簡単で、通常は ma...

フレックスレイアウトにおける画像変形の解決策の詳細な説明

フレックス レイアウトは現在よく使用されるレイアウト方法ですが、場合によっては小さな問題が発生するこ...

Webpack プロジェクトでローダー プラグインをデバッグする方法

最近、webpackの使い方を学んでいたときに、webpack-replace-loaderの設定正...

MySQL データベースを最適化する 8 つの方法の詳細な説明 (必読の定番)

導入：インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質に...

Webフロントエンドインターフェースの設計に必須のスキル

[必須] ユーザーインターフェースPhotoShop/花火デザインアーティストと協力して、スケッチを...

html オプション 無効 選択 選択 無効 オプションの例

コードをコピーコードは次のとおりです。 <選択> <オプション値="&q...

SpringBoot と Docker の統合の詳細なプロセス

目次1. デモプロジェクト1.1 インターフェースの準備1.2 構成の準備2. Dockerがリモー...

JSが5つ星の賞賛を獲得

この記事では、5つ星の評価を獲得するためのJSの具体的なコードを参考までに共有します。具体的な内容は...

mysql 簡単な操作例を表示

この記事では、例を挙げて mysql show 操作について説明します。ご参考までに、詳細は以下の通...

Vueトップタグ閲覧履歴の実装

目次ナンセンス実装された機能文章要点ナンセンスデモプレビュー実装された機能デフォルトでホームページが...

Ubuntu16.04はphp5.6ウェブサーバー環境を構築します

Ubuntu 16.04 はデフォルトで PHP7.0 環境をインストールしますが、PHP7 は一部...