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

推薦する

入力スクリプトなしでタイプ拡張を使用する方法

序文JS の型付けが弱く、記述基準が緩く、開発ツールのサポートが弱いため、前任者のコードをメンテナン...

Ubuntu 18.04 に phpMyAdmin をインストールするための詳細なチュートリアル

Ubuntu 18.04 上の Apache で動作するように phpMyAdmin をインストール...

Docker クリーンアップ環境操作

丁寧に掃除を始めましょう!未使用ボリュームの一覧docker ボリューム ls -qf dangli...

Linuxがすべてのコマンドをサポートしていない問題の解決策

Linux がすべてのコマンドをサポートしていない場合はどうすればいいですか?すべてのLinuxコマ...

MySQL エラー コード 1862 の解決方法: パスワードの有効期限が切れています

ブロガーは 1 ~ 2 か月間 MySQL を使用していませんでしたが、今日この問題に遭遇しました。...

ウェブページが自動的にデュアルコアブラウザの高速モードを呼び出すようにします(Webkit)

コードサンプルヘッドタグにコード行を追加します: XML/HTML コードコンテンツをクリップボード...

CentOS7 で MySQL 5.7.24 をコンパイルしてインストールする詳細なチュートリアル

目次依存関係をインストールするブーストをインストールMySQLをコンパイルしてインストールする構成依...

Linux で g++ を使用してプログラムをコンパイルする際の -I (大文字の i)、-L (大文字の l)、-l (小文字の l) の機能の詳細な説明

初心者の Linux ユーザーとして、私は単純なgcc/g++操作を何度も使用してきましたが、少し複...

Ubuntu 20.04 は Wi-Fi に接続します (2 つの方法)

最近Ubuntu 20.04をインストールしましたが、Wi-Fiに接続できず、Wi-Fiアイコンも表...

Nginx リバース プロキシはポート 80 のリクエストを 8080 に転送します

まず、一連の概念を理解しましょう。nginx リバース プロキシとは何でしょうか?リバース プロキシ...

FileZilla_Server:425 データ接続を開けない問題を解決する方法

FileZilla Serverをサーバーにインストールすると、425データ接続を開けない問題が発生...

Docker で LNMP 環境を素早く構築する方法 (最新)

序文ヒント: ここで、この記事に記録するおおよその内容を追加できます。例えば、人工知能の継続的な発展...

Vue vee-validateプラグインの簡単な使い方

目次1. インストール2. インポート3. 検証ルールを定義します(エクスポート用に js ファイル...

ウェブページでmp3またはフラッシュプレーヤーコードを再生する

コードをコピーコードは次のとおりです。 <オブジェクト id="player1&qu...

JS ES6 スプレッド演算子の魔法のような使い方

目次1. 属性を追加する2. 複数のオブジェクトを結合する3. オブジェクトのプロパティを削除する4...