- 前に書かれている:Bilibili dark horse programmer pink Teacherのチュートリアルを参照してください
- アドレス:https : //www.bilibili.com/video/BV14J4114768?t=328&p=26
目次
リストラベル(強調)
- 概念:
- 一貫した構造とスタイルを持つテキストまたはグラフィックスの形式がリストと呼ばれるコンテナーに読み込まれます
- 特徴:
- リストの最も重要な特徴は、きちんと整頓されていて、整然としていることです。表に似ていますが、組み合わせの自由度が高くなっています。
順不同リストul(強調)
- 順序付けられていないリストの各リスト項目には順序レベルがなく、それらは並列です。基本的な構文形式は次のとおりです
<ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ul>
- たとえば、次の例では、ニュースは順不同であり、キューに入れる必要はなく、最初に配信され、次に最初に公開されます。
- <ul> </ ul>にネストできるのは<li> </ li>のみです。<ul> </ ul>タグに他のタグやテキストを直接入力することはできません。
- <li>と</ li>の間のスペースは、すべての要素を保持できるコンテナに相当します。
- 順序付けられていないリストは独自のスタイル属性を持ち、そのスタイルを書き留め、CSSを提供します
順序付きリストol(理解)
- 順序付きリストは、ソートされた順序のリストです。各リスト項目は、特定の順序で配置および定義されます。順序付きリストの基本的な構文形式は次のとおりです。
<ol> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ...... </ol>
- すべての機能は基本的にulと同じです。しかし実際には、順序付けされていないリストよりもはるかに使用されません。
カスタムリスト(理解)
- 定義リストは、用語や名詞の説明や説明によく使用されます。定義リストのリスト項目の前に箇条書きはありません。基本的な構文は次のとおりです。
<dl> <dt>名词1</dt> <dd>名词1解释1</dd> <dd>名词1解释2</dd> ... <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> ... </dl>
リストの要約
ラベル名 定義 説明 <ul> </ ul> 順不同のタグ liのみを順不同で含めることができます。これは、将来のレイアウトで最も一般的に使用されるリストです。 <ol> </ ol> 注文したラベル 使用できるのは順序のあるliのみです。 <dl> </ dl> カスタムリスト 2人の兄弟、dtとddがいます