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 関数とコンストラクタを簡単に理解する

推薦する

入力ファイルの制御と美化について

一部のWebサイトでアップロードする場合、「参照」ボタンをクリックすると、[ファイルの選択]ダイアロ...

JavaScript でシンプルなクリスマス ゲームを実装する

目次序文成果を達成するコードCSSコードJSコードHTMLコードデモンストレーションのプロセス序文ク...

MySQL データベースの最適化: テーブルとデータベースのシャーディング操作の詳細な説明

この記事では、例を使用して、MySQL データベースの最適化のためのテーブルおよびデータベース シャ...

MySQL Order By 複数フィールドのソートルールのコード例

事前に言っておく気まぐれですが、MySQL の order by sorting にどのようなルール...

CSS スタッキングと Z インデックスのサンプルコード

カスケードとカスケードレベルHTML 要素は 3 次元の概念です。水平方向と垂直方向に加えて、「Z ...

Dockerは元のタグのイメージの再タグ付けと削除を実装します

docker イメージ ID は一意であり、イメージを物理的に識別できます。repository: ...

Dockerのローカルイメージ作成方法の分析

コンテナと呼ばれるものは、実際には親イメージに基づいて読み取りおよび書き込み可能なファイル階層を作成...

Linux suse11でルートパスワードを忘れた場合に変更する方法の簡単な分析

SUSE Linuxでルートパスワードを忘れた場合の解決方法SUSE (Linux オペレーティング...

vue3のテレポート瞬間移動機能の使い方を詳しく解説

vue3テレポート瞬間移動機能の使用は参考用です。具体的な内容は次のとおりです。テレポートは通常、瞬...

MySQLが数十億のトラフィックをサポートする方法

目次1 マスター・スレーブの読み取り・書き込み分離1.1 コア2 マスタースレーブレプリケーション2...

Linux システムが VMware にインストールされているかどうかを確認する方法

現在の Linux システムが VMware にインストールされているかどうかを確認する方法を教えて...

CSS の Display、Visibility、Opacity、rgba、z-index: -1 の違い

ウェブページ上のいくつかの要素の非表示、透明、その他のプロパティを制御する必要があることがよくありま...

Linuxオンラインソフトウェアgccをオンラインでインストールする方法

Linux オンラインインストール関連コマンド: yum install: すべてインストールyum...

Dockerでnginxを実行し、ローカルディレクトリをイメージにマウントする方法

1 hupからイメージを取得する docker プル nginx 2 マウントするディレクトリを作成...