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

推薦する

MySQLでテーブルを作成し、フィールドコメントを追加する方法

コードと例を直接投稿する #テーブル作成時にコメントを記述する CREATE TABLE useri...

Dockerのインストール、イメージの作成、NodeJSプログラムの読み込みと実行の詳細なプロセス

システム環境: Windows 7 1. DockerをインストールするDocker公式サイトからd...

Docker で FastDFS ファイル システムを構築する (マルチイメージ チュートリアル)

目次FastDFSについて1. 画像を検索する2. イメージをインストールする3.1. 必要なディレ...

MySQL シリーズ 10 同時実行制御を実装するための MySQL トランザクション分離

目次1.同時アクセス制御2. 取引1. トランザクションは ACID 原則に従います。 2. トラン...

CSS3+HTML5+JSでブロックの縮小・拡大アニメーション効果を実現

最近、あるプロジェクトに取り組んでいたとき、自分のプロジェクトでは CSS3 のアニメーション技術を...

Tudou.com フロントエンドの概要

1. 分業とプロセス<br />Tudou.comでは、プロジェクト開発が中核であり、誰...

CSS 完全な視差スクロール効果

1. 何ですか視差スクロールとは、複数の背景レイヤーを異なる速度で動かすことで、3次元のモーション...

JavaScript におけるシリアル操作と並列操作

目次1. はじめに2. es5メソッド3. 非同期関数のシリアル実行4. 非同期関数の並列実行5. ...

VMware で Centos7 ブリッジ ネットワークを構成する手順の詳細な説明

VMware仮想マシンでのCentos7ブリッジネットワーク構成の完全な手順は参考用です。具体的な内...

N キロメートル以内のデータを検索する MySQL の簡単な例

地球の円周率と半径、検索ポイントの経度と緯度から、検索ポイントと検索データテーブル間の距離はNキロメ...

Web プロジェクト開発における 2 つのトークン理由とサンプル コードの分析

目次質問:プロジェクトには 2 つのトークンがあり、1 つは有効期間が 2 時間 (ショート トーク...

MySQL 8.0 のデフォルトのデータディレクトリを変更する (設定なしの簡単な操作)

使用シナリオ: Alibaba Cloud を使用しており、データディスクを別途購入しました (大容...

Linuxシステムにおけるプロセス管理の詳細な説明

目次1. プロセスとスレッドの概念2. プロセス管理とは何ですか? 3. プロセス管理の役割4. L...

MySQL共通インデックスとユニークインデックスの選択に関する詳細な分析

各人が固有の携帯電話番号で登録し、ビジネス コードによって重複する携帯電話番号が 2 つ書き込まれな...

Linux システム (Centos6.5 以上) のインストール JDK チュートリアル分析

記事の構成1. 準備2. Java JDK8.0をインストールする3. 環境変数を設定する3. イン...