02リストラベル

16270 ワード

リストに関連するタグ


1.無秩序リスト

<body>
      <ul>
          <li>HTML</li>
              <ul>
                   <li>글자관련 태그</li>
                   <li>목록관련 태그</li>
                   <!-- 목록 안에 목록을 또 넣을 수 있음-->
              </ul>    
           <li>CSS</li>
           <li>JavaScript</li>
           <li>jQuery</li>
      </ul>  
</body>  

2.順序リスト

<body>
    <ol>
         <li>HTML</li>
         <li>CSS</li>
         <li>JavaScript</li>
         <li>jQuery</li>
    </ol>
</body>

アイコン

불릿(bullet) 기호 : 검은색 채워진 원, 흰색 빈원, 네모, 이미지, .... 
				   => 모양 변경 가능

1.type属性

<body>  
        <!-- type 속성을 이용해서 변경 가능(속성값 : 1,A, a, i, I)-->
        <ol type="i">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>
        <br>
        <ol type="A">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>
        

2.start属性

<body> 
        <!-- start 속성을 이용해서 시작값 변경-->
        <ol start="5">
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>
</body>

3.逆属性

<body>
        <!-- reversed 속성을 이용해서 역순으로 표기(속성명만 제시)-->
        <ol reversed>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>jQuery</li>
        </ol>  
</body>

説明に関連するリストタグ

<body>
        <dl>
            <dt>이곳은 제목을 작성하는 곳</dt> 
            <dd>이곳은 제목에 대한 설명을 달아주는 곳</dd> 
            <dd>여러 줄을 작성할 수 있음.</dd>

            <dt>또 다른 제목 작성 가능</dt>
            <dd>또 다른 제목에 대한 설명을 달아주는 곳</dd>
        </dl>
</body>