HTML5 Tag-List [목록태그]

   <h3>순서없는 목록 (Unorderde List) "ul+li태그"</h3> 
       <ul> 
           <li>Coffee</li> 
           <li>Tea</li>
           <li>Milk</li> 
       </ul> 

순서없는 목록 (Unorderde List) "ul+li태그"

• Coffee
• Tea
• Milk

    <h3>순서있는 목록 (Order List) "ol+li태그"</h3>
        <ol> 
            <li>Coffee</li> 
            <li>Tea</li> 
            <li>Milk</li> 
        </ol>

순서있는 목록 (Order List) "ol+li태그"

1. Coffee
2. Tea
3. Milk

   <h4>순서있는 목록 type</h4> 
        <ol type="A"> 
            <li>Coffee</li> 
            <li>Tea</li> 
            <li>Milk</li> 
        </ol> 
         
        <ol type="I"> 
            <li>Coffee</li> 
            <li>Tea</li> 
            <li>Milk</li> 
        </ol> 
         
        <ol type="a"> 
            <li>Coffee</li> 
            <li>Tea</li> 
            <li>Milk</li> 
        </ol> 
         
        <ol type="i"> 
            <li>Coffee</li> 
            <li>Tea</li> 
            <li>Milk</li> 
        </ol> 

출력 이미지

    <h4>순서있는 목록 start 속성</h4> 
        <ol start="3"> 
            <li>Coffee</li> 
            <li>Tea</li> 
            <li>Milk</li> 
        </ol> 
         
    <h4>순서있는 목록 reversed 속성</h4> 
        <ol reversed="3"> 
            <li>Coffee</li> 
            <li>Tea</li> 
            <li>Milk</li> 
        </ol>   

순서있는 목록 start 속성

3. Coffee
4. Tea
5. Milk

순서있는 목록 reversed 속성

1. Coffee
2. Tea
3. Milk

    <h3>중첩 목록</h3> 
          <ul> 
              <li>Coffee</li> 
              <li>Tea 
                  <ol> 
                      <il>Black tea</il> 
                      <il>Green tea</il> 
                  </ol> 
              </li> 
              <li>Milk</li> 
          </ul> 

출력 이미지

   <h3>설명 목록(Description List) "dl태그"</h3> 
        <dl> 
            <dt>HTML</dt>
            <dd>Hypertext Markup Language</dd>
            <dt>CSS</dt> 
            <dd>cascading style sheets</dd> 
        </dl>

출력 이미지

brackets 소스

brackets 소스