HTML の順序なしリストタグと順序付きリストタグの使用例

1. 上部と下部のリストタグ: <dl>..</dl>:

上dt
下層dd: カプセル化されたコンテンツは自動的にインデントされます

コードをコピー

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

<ダウンロード>
<dt>スポーツとアウトドア</dt>
<dd>スニーカー</dd>
<dd>バスケットボールシューズ</dd>
<dd>サッカーシューズ</dd>
<dd>ランニングシューズ</dd>
</dl>

2. 順序付きリストを定義する: <ol>

財産：
type: ソートスタイルを設定できます (この属性を li に別途追加することもできます)
1は1、2、3、4を意味します
aはa、b、c、dを意味します
AはA、B、C、Dを意味します
iはi、ii、iiiを意味します
IはI、II、IIIを意味します
start: リストの開始点<li>: リストの内容

コードをコピー

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

<ol type="a" start="55">
<li>スニーカー</li>
<li>バスケットボールシューズ</li>
<li>ランニングシューズ</li>
<li>サッカーシューズ</li>
</ol>

3. 順序なしリストを定義する: <ul>

属性: type: ソートスタイルを設定するか、この属性を li に個別に追加できます。
実線の円（デフォルト値）
円中空の円
正方形の実線
<li>: リストの内容

コードをコピー

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

<ul type="square">
<li type="disc">スニーカー</li>
<li>バスケットボールシューズ</li>
<li>ランニングシューズ</li>
<li>サッカーシューズ</li>
</ul>

<<: JavaScript のプロトタイプとプロトタイプチェーンの詳細な説明

>>: 面白いウェブサイトをデザインするための方法とテクニック（写真）

HTML の順序なしリストタグと順序付きリストタグの使用例

Vue がコンポーネント間の通信を実現するいくつかの方法 (複数のシナリオ)

Vue はネストされたルーティングメソッドの例を実装します

Centos7 で NIS を構成する詳細な手順

MySQL 8.0 のインストール中に発生した 3 つの小さなエラーの概要

Linux での Docker のインストールと展開の例

MySQL 時間差関数 (TIMESTAMPDIFF、DATEDIFF)、日付変換計算関数 (date_add、day、date_format、str_to_date)

ウェブデザインにおける装飾要素の応用の概要

MySQL マスタースレーブ同期、トランザクションロールバックの実装原理

ウィンドウ環境設定Mysql 5.7.21 windowx64.zip無料インストール版チュートリアル詳細説明

MySQL InnoDB トランザクションロックソースコード分析

推薦する

HTML 固定タイトル列、タイトルヘッダーテーブル固有の実装コード

JavaScript でイベントのバブリングを防ぐ方法

表示または可視性によってHTML要素を非表示にする

HTML 選択ボックスのプレースホルダーの作成に関する問題

MySQL外部キーの基本的な機能と使用方法の詳細な説明

Windows 10 インストール vmware14 チュートリアル図

Vue.js フロントエンド Web ページポップアップ非同期動作例の分析

Vue スキャフォールディング学習プロジェクト作成方法

セマンティックウェブページ XHTML セマンティックマークアップ

MySQL 5.7.21 解凍版のインストールと設定方法のグラフィックチュートリアル (win10)

Manjaro インストール CUDA 実装チュートリアル分析

電子署名を実装するWeChatミニプログラム

mysql の認証、起動、およびサービスの起動のための一般的なコマンド

SQL Server コメントのショートカットキー操作

メタタグにおける http-equiv 属性の使用の概要