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

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 のプロトタイプとプロトタイプチェーンの詳細な説明

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

推薦する

MySQL 5.7.17 とワークベンチのインストールと設定のグラフィックチュートリアル

この記事では、MySQL 5.7.17ワークベンチのインストールと設定方法を参考までに紹介します。具...

Windows10 での MySQL msi インストール チュートリアル (画像とテキスト付き)

1. ダウンロード1. MySQL msi 公式 Web サイトから最新のダウンロードをクリックす...

MySQL の同時実行性の問題と解決策の分析

目次1. 背景2. テーブルロックによるクエリの遅延3. オンラインでテーブル構造を変更するとどのよ...

MySQL 5.7.15 バージョンのインストールと設定方法のグラフィックチュートリアル

この記事では、MySQLバージョン5.7のインストール方法と使用方法、およびデータベースデータの保存...

適応分析と応答分析の違いを専門用語で詳しく説明

日々の開発経験と関連するオンライン情報に基づいて、アダプティブとレスポンシブの違いをシンプルでわかり...

MySQL DDLステートメントの使用

序文SQL の言語分類には主に以下の種類があります。 DDLデータ定義言語作成、削除、変更データ定義...

HTML面接の質問の要約

1. doctypeの役割、厳密モードと混合モードの違い、そしてその重要性1. 構文形式: <...

ユーザーエクスペリエンスの構築

<br />おそらく、あなたは会社に入社したばかりで、その会社が「ユーザビリティ」に関す...

MySQL8インストーラーバージョングラフィックチュートリアル

インストール必要な書類は下部に記載されていますステップ1 mysql-installer-web-c...

Nginx で CDN サーバーを構築する方法の詳細な説明 (画像とテキスト)

Nginxのproxy_cacheを使用してキャッシュサーバーを構築する1: ngx_cache_...

MySQL 5.1 のパスワードを変更し、MySQL データベースにリモートでログインする方法

mysql ユーザーを作成し、承認します。形式: 「ユーザー パスワード」で識別されるユーザー@ログ...

Vue3の状態管理の使用方法の詳細な説明

目次背景提供/注入共有状態の抽出データを提供するデータの挿入まとめ反応的な共有状態の抽出共有状態の使...

MySQLデータベースはsysbenchに基づくOLTPベンチマークテストを実装します

Sysbench は、MySQL データベース ストレージ エンジン InnoDB のディスク I/...

CentOS 7.2 は uniapp プロジェクトを展開するための nginx Web サーバーを構築します

Pantherは新人としてスタートし、今もまだ新人ですが、人々から学び、学んだことを時々皆さんと共有...

フレックスレイアウトは、上下固定、中間スライドのレイアウトモードを実現します。

この記事では、主に、上下固定と中スライドレイアウトを実現するためのフレックスレイアウトのレイアウト方...