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

推薦する

レスポンシブ原則のソースコード分析のVue解釈

目次初期化初期化状態()初期化プロパティ()初期化データ()観察する()オブザーバーリアクティブを定...

CSS3でカルーセル画像を作成する方法

スライドショーは Web ページでよく見られます。美しい写真が使われています。こちらは純粋な CSS...

HTML チュートリアル: 定義リスト

<br />原文: http://andymao.com/andy/post/104.h...

ウェブページのFOUC問題によるウェブページの混乱の解決策

FOUC は Flash of Unstyled Content の略で、FOUC と略されます。簡...

特定のシンボルで複数の行と列に分割するMySQLの例

一部の障害コード テーブルでは、履歴またはパフォーマンス上の理由から、次の設計パターンが使用されます...

Linux システムでの nginx サーバーのインストールと負荷分散構成の詳細な説明

nginx (エンジン x) は、高性能な HTTP およびリバース プロキシ サーバー、メール プ...

Linux で実行中のすべてのプロセスを表示する方法

ps コマンドを使用できます。プロセスの PID など、現在実行中のプロセスに関する関連情報を表示で...

ウェブページでコンテンツを引用するためによく使われるHTMLタグをマスターする

長い引用には blockquote を、短い引用には q を、参考文献には cite を使用します。...

3つの主要データベース(Mysql、SqlServer、Oracle)の違いについて簡単に説明します。

マイグレーションアドバンテージ:小型、高速、総所有コストが低い、オープンソース。複数のオペレーティン...

Mariadb リモート ログイン構成と問題解決

序文:インストール プロセスについては詳しく説明しません。問題に直接触れましょう。MySQL のリモ...

Ubuntu 20.04の新バージョンでルートユーザーを使用してシステムにログインする方法の詳細なチュートリアル

Ubuntu 20.04 では、デフォルトで root ログインが有効になっていないため、デスクトッ...

ページ下部のフッターを修正する方法(複数の方法)

フロントエンド Web エンジニアとして、ページ効果を作成するときに次の現象に遭遇したことがあるはず...

MySQL マルチテーブルクエリの詳細な説明

いつも、気づかないうちに時間というのは驚くほど早く過ぎていきます。小暑が過ぎ、中暑に突入しました。太...

フレックスレイアウトの改行スペースでの align-content の使用

1. この記事で実装した効果図は以下のとおりです。レイアウトの右側に Flex レイアウトを使用し、...

4つの柔軟なScssコンパイル出力スタイル

多くの人は、Scss を使用する瞬間からコンパイル方法を説明されてきました。したがって、コマンドのコ...