HTML 3. LIST

20446 ワード
html テキストリンク

1.無秩序リストの作成


リスト内のブロックを囲むul tag
ブロック内の各項目はlist itemで表されます.
ul tagで形成されたプロジェクトシンボル(プロジェクトシンボル)は、cssでlist-style-typeプロパティを使用して変更できます.
きほんがた
<ul>
  <li>text</li>
  <li>text</li>
  …
</ul>
例
<!DOCTYPE html>
	<html lang="ko">
    <head>
    	<meta charseet="utf-8">
        <title>list</title>
    </head>
    <body>
    	<h2>문서의 품질기준</h2>
        <ul type="square">
        	<li>문서는 <b>문서 등재 기준</b>을 충족해야 합니다.</li>
            <li>문서는 적절한 출처가 있어야 합니다.</li>
            <li>문서는 다듬어지지 않은 기계 번역의 결과가 아니어야 하며, 표현이 자연스러워야 합니다.</li>
            <li>문서에는 문제점이가 태그가 없어야 합니다.</li>
        </ul>
    </body>
    </html>
list

文書の品質基準

  • ドキュメントは、ドキュメントの登録条件を満たす必要があります.
  • ドキュメントには、適切なソースが必要です.
  • ドキュメントは、裁断されていない機械翻訳の結果ではなく、自然であるべきである.
  • ドキュメントの問題にラベルを付ける必要はありません.

    • 2.順序リストの作成(Ordered litst)


    アイテムのリストに使用しますが、順序付きリストを作成します.
      tag、
        tagはblock元素の性質を有する.
        blockにblock(ブロック)を入れることができ、この構造はウェブサイト作成時にメインメニューの下部のサブメニューとしても使用できる.
        すなわち、ul/olというブロックにliというブロックを加えることができる.
        例
        <!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>ordered list</title>
</head>
<body>
    <li>COFFEE
    <li>NON-COFFEE
    <li>베이커리
    <li>케이크
    	<ol>
        	<li>레드벨벳 크림치즈 케이크</li>
            <li>뉴욕치즈 케이크</li>
            <li>다크쇼콜라 케이크</li>
            <li>호두 당근 케이크</li>
        </ol>
</body>
</html>
        ordered list
      1. COFFEE
      2. NON-COFFEE
      3. オーブン
      4. ケーキ-大メニュー
        -サブメニュー
      5. レッドシルククリームチーズケーキ
      6. ニューヨークチーズケーキ
      7. ブラックチョコレートケーキ
      8. くるみにんじんケーキ
        9. ★
          tag tag tagの属性
          ①type属性

          ②start属性
          中間番号から
          ③逆属性:項目逆順フラグ
          例
          <!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>ordered list</title>
</head>
<body>
	<h2>한국의 사계절</h2>
    <ol type="I" reversed>
        <li>봄</li>
        <li>여름</li>
        <li>가을</li>
        <li>겨울</li>
    </ol>
</body>
</html>
          ordered list

          韓国の四季

        1. 春
        2. 夏季
        3. 秋
        4. 冬季
          5. [tip]ol>li*4:oltagの中に4つのlitagを作ります

          3.記述リストの作成


          tag,
          tag,
          tag
          tag:タイトルと説明のペアの説明リスト(description list)のタグを作成します.
          tag:「タイトル(description title)」のタグを作成
          tag:「記述(description definition)」のタグの作成
          連続したコンテンツの場合、リストラベル「dl」は一度しか使用できません.
          <!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="utf-8">
    <tiltel>description</tilte>
</head>
<body>
	<h1>제주 올레</h1>
    <dl>
    	<dt>올레 1코스</dt>
        <dd>코스 : 시흥 초등학교 앞 → 광치기 해변</dd>
        <dd>거리 : 14.6km(4~5시간)</dd>
        <dd>난이도 : 중</dd>
        
        <dt>올레 2코스</dt>
        <dd>코스 : 광치기 해변 → 은평포구</dd>
        <dd>거리 : 14.5km(4~5시간)</dd>
        <dd>난이도 : 중</dd>
    </dl>
</body>
</html>
          description

          済州オレ


          オレ1号滑走路
          コース:始興小学校前→広治起ビーチ
          距離:14.6キロ(4-5時間)
          難易度:中
          ぜんにじゅうきょり
          コース:広治磯ビーチ→銀平浦区
          距離:14.5 km(4-5時間)
          難易度:中

          cf.コメントコメントコメント記事の追加

          <!-- : 열린 태그
	text_주석
--> : 닫힌 태그
    ffmpegインタフェースを使用してYUVをh.264に符号化する
    ［アルゴリズム］DFS/BFS