HTML 태그 : ol, ul, li

<ol>

HTML <ol> 요소는 순서가 있는 목록(order list)을 나타냅니다.

<ol>
  <li>Mix flour, baking powder, sugar, and salt.</li>
  <li>In another bowl, mix eggs, milk, and oil.</li>
  <li>Stir both mixtures together.</li>
  <li>Fill muffin tray 3/4 full.</li>
  <li>Bake for 20 minutes.</li>
</ol>

 

type항목을 셀 때 사용할 카운터 유형.

• 'a'는 소문자 알파벳,
• 'A'는 대문자 알파벳,
• 'i'는 소문자 로마 숫자,
• 'I'는 대문자 로마 숫자,
• '1' 는 숫자(기본값)을 나타냅니다.

<ol type="i">
  <li>Introduction</li>
  <li>List of Greivances</li>
  <li>Conclusion</li>
</ol>

결과

1. Introduction
2. List of Greivances
3. Conclusion

 

start 시작 번호를 지정해서 리스트의 시작 순서를 정할 수 있습니다.

<ol start="4">
  <li>Speedwalk Stu</li>
  <li>Saunterin’ Sam</li>
  <li>Slowpoke Rodriguez</li>
</ol>

value 사용

<ol start="1">
  <li>Speedwalk Stu</li>
  <li>Saunterin’ Sam</li>
  <li value="99">Slowpoke Rodriguez</li>
  <li>Slowpoke Rodriguez</li>
  <li>Slowpoke Rodriguez</li>
</ol>

 

<ul>

<ul> 태그는 순서가 없는 HTML 리스트(list)를 정의할 때 사용합니다.

<ul>
    <li>아메리카노</li>
    <li>카페라떼</li>
    <li>핫초코</li>
    <li>차
        <ul>
            <li>녹차</li>
            <li>홍차</li>
            <li>자스민차</li>
        </ul>
    </li>
</ul>