ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLのolとulの違いは何ですか?

HTMLのolとulの違いは何ですか?

青灯夜游
リリース: 2021-11-17 10:22:49
オリジナル
9576 人が閲覧しました

ol と ul の違い: 1. ol は順序付きリスト、ul は順序なしリストです。 2. olとulのtype属性値は異なります。ulのtype属性値には「円盤」、「円」、「四角」などが含まれますが、olのtype属性値には「」が含まれます。 1」、「a」、「A」、「i」、「I」など。

HTMLのolとulの違いは何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

ul は順序なしリストです。いわゆる順序なしリストの例をあげれば、誰でも理解できるでしょう。

●これは最初のリストです
●これは 2 番目のリストです
●これは 3 番目のリストです
●これは 4 番目のリストです

ol は順序付きリストについては、同じ例を挙げてください。

1. これは最初のリストです
2. これは 2 番目のリストです
3. これは 3 番目のリストです
4. これは 4 番目のリストです

これulとolの違いです。

ul と ol の前の記号は変更できます。型の値を変更するだけです。

ul のタイプ属性には次のものが含まれます: disc - 黒の円 (デフォルト)、circle - 中空の円、square - 黒の正方形

ol のタイプ属性には以下が含まれます: 1 - 数字 (デフォルト)、a - 小文字、A - 大文字、i - 小文字のギリシャ文字、I - 大文字のギリシャ文字。

CSSで先頭の記号を画像に変更することもでき、一覧表示がより美しくなります。

推奨チュートリアル: 「html ビデオ チュートリアル

以上がHTMLのolとulの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート