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 の統合の詳細なプロセス

推薦する

キャンバス操作プラグイン fabric.js の使い方を詳しく解説

Fabric.js は非常に便利なキャンバス操作プラグインです。ここでは、日常のプロジェクトで使用さ...

MySQL インデックスの正しい使い方とインデックスの原理の詳細な説明

1. はじめになぜインデックスが必要なのでしょうか?一般的なアプリケーション システムでは、読み取り...

mysql binlog ログを正しくクリーンアップする 2 つの方法

mysqlはbinlogログを正しくクリーンアップします序文: MySQL の binlog はデー...

Ubuntu 向け VMware Tools のインストールと構成のチュートリアル

以前、ブロガーは VMware 仮想マシンに Ubuntu システムをインストールしました。まだイン...

VMware ESXi CLI の一般的なコマンドを調べる

目次【共通コマンド】 [一般的な esxi コマンドの概要] [esxcli コマンドの調査] ES...

CSS スティッキーフッター実装コード

この記事では、CSS スティッキー フッターの実装コードを紹介し、共有します。詳細は次のとおりです。...

Flexレイアウトを使用してヘッドの固定コンテンツ領域のスクロールを実現する方法

ページ ヘッダーの固定レイアウトは、以前は position:fixed を使用して実装されていまし...

最新の JavaScript で非同期タスクを書く方法

序文この記事では、非同期 JavaScript の進化と、それがコードの記述方法にどのような変化をも...

JavaScript ベースのパスワード ボックス検証情報の実装

この記事では、パスワードボックスの検証情報を実装するためのJavaScriptの具体的なコードを例と...

CentOS 6.x のインストール時に発生するエラー「ディスク sda に BIOS RAID メタデータが含まれています」の解決方法

今日、CentOS6.2 をインストールしていたところ、ハード ドライブの検出段階を通過できませんで...

コーディングスキルを向上させるためのJavaScriptのヒント

目次1. 一意の値をフィルタリングする2. 短絡評価2.1 シナリオ例3. ブール変換4. 文字列を...

Axios を使用して Vue2 がリクエストを開始する詳細なプロセス記録

目次序文Axiosのインストールと設定シンプルなGETリクエストを開始するPOSTリクエストを行うシ...

Vue 仮想 DOM の問題について

目次1. 仮想DOMとは何ですか? 2. 仮想 DOM が必要な理由3. 仮想DOMはどのようにして...

角度付き双方向バインディングの詳細な説明

目次双方向バインディングの原理ngモデルレンダリングカスタム双方向バインディングプロパティコンポーネ...

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

この記事では、MySQL 5.7.24のインストールと設定のチュートリアルを参考までに紹介します。具...