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

推薦する

MySQLの日付加算と減算関数の詳細な説明

1. 追加時間()指定した秒数を日付に追加する select addtime(now(),1); -...

Java は Apache.POI を使用して HSSFWorkbook を Excel にエクスポートします

Apache.POI の HSSFWorkbook を使用して Excel にエクスポートします。具...

CSS で平均レイアウトを実現するためにネガティブ マージン テクノロジーを使用する方法

通常、IE ブラウザでの CSS の互換性の問題を解決するために、フロート レイアウトが使用されます...

ウェブページの背景色を制御する CSS コード

誰もが自分の Web ページの背景にふさわしい画像を見つけることに悩むことが多いと思います。これは事...

Vue 条件付きレンダリング v-if と v-show

目次1. 動詞-if 2. <template> で v-if を使用する3. キーを使...

Dockerはelasticsearchイメージを起動し、ディレクトリをマウントした後にエラーを解決します

docker hub から es イメージ (バージョン 6.4.2) をダウンロードしました。詳細...

HTML ページ スタイルの !-- -- の機能は何ですか?

主に低バージョンのブラウザ向け<!-- --> は HTML コメント タグです。上位バ...

Windows 10 の仮想マシンに Mac システムをインストールするグラフィック チュートリアル

1. 仮想マシンバージョン15.5.1をダウンロードする公式サイトから直接最新バージョンをダウンロー...

CSS で順序付きリスト項目と順序なしリスト項目のスタイルを設定する方法

順序なしリストでは、順序なしリストのシンボルは各リストの前に表示されるドットです。順序付きリスト o...

スケルトン スクリーンの読み込みプレースホルダー アニメーション効果を実装するための CSS + HTML (アニメーション付き)

効果上から下へフェードアウト ソースコードhtml、Angular構文を使用して、必要な構文を取得す...

MySQL シリーズ: redo ログ、undo ログ、binlog の詳細な説明

取引の実施REDO ログはトランザクションの永続性を保証し、UNDO ログはトランザクションのロール...

SSHトンネルを使用してMySQLサーバーに接続する方法

序文場合によっては、データベースのイントラネット アドレスしか知らず、イントラネット経由で接続できな...

MySQLの一般的なバックアップコマンドとシェルバックアップスクリプトの共有

複数のデータベースをバックアップするには、次のコマンドを使用できます。 mysqldump -uro...

Vueコンポーネントのルーティング強調表示問題の解決策

序文以前は、キャッシュを使用してルートを強調表示していました。すべてのルートをトラバースし、クリック...

Vue+Element UI でサマリーポップアップウィンドウを実装するプロセス全体

シナリオ: 検査文書には n 個の検査詳細があり、検査詳細には n 個の検査項目があります。実装効果...