HTML で dl(dt,dd)、ul(li)、ol(li) を使用する方法

HTML で dl(dt,dd)、ul(li)、ol(li) を使用する方法

HTML <dl> タグ

#定義と使用法

<dl> タグは定義リストを定義します。
<dl> タグは、<dt> (リスト内の項目を定義する) と <dd> (リスト内の項目を説明する) を組み合わせるために使用されます。

#例


コードをコピー
コードは次のとおりです。

<ダウンロード>
<dt>コンピューター</dt>
<dd>計算に使用される機器...</dd>
<dt>表示</dt>
<dd>情報を視覚的に表示する装置...</dd>
</dl>

HTML <ul> タグ

#定義と使用法

<ul> タグは順序なしリストを定義します。

#例

順序なし HTML リスト:


コードをコピー
コードは次のとおりです。

<ul>
<li>コーヒー</li>
<li>お茶</li>
<li>ミルク</li>
</ul>

HTML <ol> タグ

#定義と使用法

<ol> タグは順序付きリストを定義します。

#例

順序付けられた HTML リスト:


コードをコピー
コードは次のとおりです。

<オル>
<li>コーヒー</li>
<li>お茶</li>
<li>ミルク</li>
</ol>

ulはolと組み合わせてメニューとサブメニューを定義することができます


コードをコピー
コードは次のとおりです。

<ul>
<li><a href="#">コンテンツ フィルタリング</a><li>
<li><a href="#">単語フィルター</a></li>
<li class="s">
<div class="lsub">
<div>フォーラム</div>
<オル>
<li><a href="#">フォーラムトピック管理</a></li>
<li><a href="#">フォーラムの投稿を一括削除する</a></li>
</ol>
</div>
</li>
<ul>

<<:  MySQL のクエリパフォーマンスに対する制限の影響

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

推薦する

MacOS Catalina アップグレード後の VMware ブラック スクリーン問題に対する完璧な解決策の詳細な説明

MacOS Catalina アップグレード後の VMware ブラック スクリーンに対する完璧なソ...

Dockerfile における ENTRYPOINT と CMD の違い

Docker システムの学習チュートリアルでは、Dockerfile を使用して Docker イメ...

Taobao ストアでズームインする効果は、スライドショーを使用する原理に似ています。

今日は、スライドを使用する原理に似た、Taobao のフロントエンドのマウス ズーム効果に慣れました...

最新の MySQL 5.7.23 のインストールと設定のグラフィックチュートリアル

2018 年の最新 MySQL 5.7 の詳細なインストールと設定は 4 つのステップに分かれており...

mysqlサーバーは--skip-grant-tablesオプションで実行されています

MySQLサーバーは--skip-grant-tablesオプションで実行されているため、このステー...

Dockerコンテナ監視とログ管理の実装プロセス分析

Docker の導入規模が大きくなると、コンテナを監視する必要があります。一般的に、Docker に...

RGBA の「a」は何を意味するのでしょうか? CSS RGBA カラー ガイド

RGBAは色の値と透明度を設定できるCSSカラーです以下は、rgba() を使用して白色を 50% ...

JavaScript で右クリック メニューを統合する layim のサンプル コード

目次1. 効果の実証2. 実装チュートリアル3. 最後に、完全なコードを添付します4. その他の右ク...

Docker-compose を使用して Django アプリケーションをオフラインでデプロイする方法

目次開発環境用のDocker-ceをインストールする開発環境用のDocker-composeをインス...

Nginx 仮想ホストの詳細な分析

目次1. 仮想ホスト1.1 仮想ホストの概念1.2 仮想ホストタイプ2. IP仮想ホストに基づく2....

VMware Workstation に Windows Server 2019 をインストールする (グラフィック チュートリアル)

キーの入力を求められた場合は、[キーがありません]を選択します。デスクトップエクスペリエンスを選択す...

MySQLテーブルシャーディングとパーティショニングの具体的な実装方法

縦型テーブル垂直テーブル分割とは、多数の列を持つテーブルを複数のテーブルに分割することを意味します。...

ウェブページの最も基本的なコード

◆お気に入りに追加例示するクリックすると、ブラウザのお気に入りメニューにウェブサイトが追加されます...

Linuxシステムの操作レベルの詳細な紹介

目次1. Linuxシステムの操作レベルの概要2. 実行レベルを確認する3. 現在のシステムの動作レ...

Nginx イントラネット スタンドアロン リバース プロキシの実装

目次1 Nginxのインストール2 Nginxの設定3 ホストファイルを変更する4 テストNginx...