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 背景画像パスの問題に対する完璧なソリューション
推薦する
docker run 起動パラメータ コマンドを表示する方法 (推奨)
runlike を使用してコンテナの docker run 起動パラメータを表示します。 pipを...
HTML要素にフォーカスを設定する方法
コードをコピーコードは次のとおりです。 <本文<フォームアクション="&quo...
jsを呼び出すいくつかの方法が整理され、使用が推奨されています
a タグではクリック イベントがよく使用されます。 1. href="javascript...
MySQLのデフォルトのソートルールに基づく落とし穴
MySQL のデフォルトの varchar 型は大文字と小文字を区別しません (insensitiv...
jsを使用してカルーセル効果を実現する
今日は、参考までに、jsを使用してカルーセルマップの効果を実現する方法についてお話ししましょう。具体...
JavaScript のマクロタスクとマイクロタスクの詳細
目次1. マイクロタスクとは何ですか? 2. マクロタスクとは何ですか? 3. 事例3.1 結論4....
Windows Server 2019 のセットアップ方法 (画像とテキスト付き)
1. Windows Server 2019 のインストールVmware に Windows Se...
nginx を使用してブルーグリーン デプロイメントをシミュレートする方法
この記事では、ブルーグリーン デプロイメントと、nginx を使用してブルーグリーン デプロイメント...
js における関数のネストとクロージャの詳細
目次1. 範囲2. 関数の戻り値3. 関数のネスト4. 終了5. クロージャの実用的応用1. 内部変...
MySQL データベースの基礎: 基本コマンドの概要
目次1. ヘルプ情報を使用する2. データベースの作成、削除、表示3. データベースに接続する4. ...
Vueプロジェクトのパッケージ化の詳細な説明
目次1. 関連構成ケース1（使用ツールはvue-cil）ケース2（使用するツールはwebpack） ...
CSS 擬似要素::マーカーの詳細な説明
この記事では、CSS ::markerの興味深い疑似要素を紹介します。これを使用すると、テキスト番号...
NodeとPythonの双方向通信実装コード
目次プロセスコミュニケーションプロセス間の双方向通信問題要約するサードパーティのデータ サプライヤー...
vue-cli4.5.xはプロジェクトを素早く構築します
1. vue-cliをインストールする vue.js で vue.js を実行します。 2. プロジ...
Intellij IDEA による Docker イメージの展開方法の手順の迅速な実装
目次1. Dockerはリモートアクセスを可能にする2. Intellij IDEAにDockerプ...