HTML リスト タグ dl、ul、ol の使用例

HTML リスト タグ dl、ul、ol の使用例

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

<!--
リストタグ: <dl>: 階層リストサブタグ: <dt>: 上位リスト項目
<dd>: 下位レベルのリスト項目
------------
順序なしリストタグ: <ul>
サブタグ: <li>
------------
順序なしリストタグ: <ol>
サブタグ: <li>
--!>
<html>
<ヘッド>
<title> リストタグの練習</title>
</head>
<本文>
<ダウンロード>
<dt>ラベル</dt>
<dd>1</dd>
<dd>2</dd>
<dd>3</dd>
</dl>
<時間>
<ul type="disc">
<li>アップル</li>
<li>バナナ</li>
<li>オレンジ</li>
</ul>
<時間>
<ol type="1">
<li>アップル</li>
<li>バナナ</li>
<li>オレンジ</li>
</ol>
<hr><!--タグのネストを練習する-->
<ダウンロード>
<dt>四天王</dt>
<dd>
<ol type="1">
<li>ジャッキー・チュン</li>
<li>アンディ・ラウ</li>
<li>アーロン・クォック</li>
<li>夜明け</li>
</ol>
</dd>
</dl>
</本文>
</html>

<<:  Webpack パッケージング CSS 背景画像パスの問題に対する完璧なソリューション

>>:  JS 関数とコンストラクタを簡単に理解する

推薦する

IE6 の歪み問題

質問: <form...> の下の <input type="hidde...

Flexboxレイアウトの最もシンプルなフォーム実装

フレキシブル レイアウト (Flexbox) はますます人気が高まっており、CSS レイアウトの記述...

MySql ファジークエリ JSON キーワード取得ソリューションの例

目次序文オプション1:オプション2:オプション3:オプション4(最終的に採用されたオプション):要約...

JS 配列の重複を排除する 9 つの高度な方法 (実証済みで効果的)

序文一般的な方法はここには記載されていませんが、等しいかどうかを判断するための二重ループや、比較のた...

docker compose デプロイメントにおけるマスタースレーブレプリケーションの実装

目次構成解析サービス構築ディレクトリ構造ファイルを作成インスタンス構成サービスを開始するテストRed...

WeChatアプレットは画像コントロールを選択します

この記事の例では、WeChatアプレットで画像コントロールを選択するための具体的なコードを参考までに...

Web ページでの Unicode 文字の使用の概要 (&#、\u など)

初期のコンピュータでは ASCII 文字しか使用できませんでしたが、コンピュータのアプリケーションの...

docker ログが取得できない問題の解決方法

毎日サービスをチェックしているときに、portainer からコンテナ ログを確認しようとしたところ...

CentOS8 でローカル yum ソースを構成するための詳細なチュートリアル

centos8 ディストリビューションは、BaseOS および AppStream リポジトリを通じ...

Angular CDK を使用してサービスポップアップトーストコンポーネント機能を実装する

目次1. 環境設備2. ToastコンポーネントとToastServiceを作成する2.1 Toas...

HTML テーブル セルの幅と高さを設定する方法

Web ページを作成するときに、テーブルの幅が揃っていないという問題に遭遇することがよくあります。 ...

ブラウザのURLの前に小さなアイコンを表示する方法

多くのウェブサイトを閲覧すると、ブラウザのアドレスバーの前に小さなアイコンがあり、ブラウザのタブの位...

tomcat ログ ディレクトリ内のログ ファイルの分析 (概要)

tomcat が起動されるたびに、次のログ ファイルがログ ディレクトリに自動的に生成され、日付順...

FirefoxのWeb開発者を使用してWebページのスタイルを無効にする方法

前提条件: Web開発者プラグインがインストールされている操作手順: [ツール] -> [We...

MySQL の悲観的ロックと楽観的ロックの理解と応用分析

この記事では、例を使用して MySQL の悲観的ロックと楽観的ロックについて説明します。ご参考までに...