HTML5ページの要素と属性の分析
2022-01-11 21:44:17
I. リスト要素
1.ul要素
ulは非順序型リストで、リスト項目間に順序レベルはなく、通常は並置され、順不同にソートされています。
構文は以下の通りです。
<ul>
<li>List item 1</li>
<li>list item 2</li>
<li>list item 3</li>
...
</ul>
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ul element usage</title>
</head>
<body>
<ul>
<li>spring</li>
<li>summer</li>
<li>Autumn</li>
<li>winter</li>
</ul>
</body>
</html>
効果を発揮します。
ul li タグの各要素の前にドット
2. ol要素
olは順序付きリスト、つまり、ある順序を持ったリストです。
フォーマットは
<ol>
<li>List item 1</li>
<li>List item 2</li>
<li>list item 3</li>
...
</ol>
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ol element usage</title>
</head>
<body>
<ol>
<li>apple</li>
<li>bananas</li>
<li>oranges</li>
<li>lemon</li>
</ol>
</body>
</html>
効果を発揮します。
関連
-
html+cssでメニューバーのスロードロップダウン効果を実現するコード例
-
Html5モバイルdivは、ナビゲーションバーの下部を達成するために下部に固定されているいくつかの方法
-
Html5ナビゲーションバー天井画の原理と対照的な実装
-
html5で漢字にピンインを付加するプログレスバーコード
-
iframeタグが入れ子になっている問題の解決法
-
QRコードポスター付きキャンバス生成の落とし穴記録
-
HTML5でWeb Notificationのデスクトップ通知を実装する方法
-
左右の高さの差がありすぎる問題を解決するための小型プログラムウォーターフォール
-
html2canvas.jsを使用してページのスクリーンショットを撮影し、表示またはアップロードするサンプルコード
-
Html5 Canvasアニメーションの基本的な衝突検出の実装
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン