다양한 태그들(2)

순서 있는 목록을 만드는 태그

• <ol> 태그
  • ol은 ordered list의 줄임말
  • 기본적으로 숫자 1, 2, 3, · · · 으로 번호를 붙임
  • type 속성을 사용하여 영문자나 로마 숫자 등으로 순서를 나타낼 수 있음
    1. type = "1" : 숫자(기본값)
    2. type = "a" : 영문 소문자
    3. type = "A" : 영문 대문자
    4. type = "i" : 로마 숫자 소문자
    5. type = "I" : 로마 숫자 대문자
  • start 속성을 사용하여 시작 번호를 바꿀 수 있음
• <li> 태그
  • li는 list의 줄임말
  • 목록을 표시할 내용 앞뒤에 <ol> 태그를 두고, 그 사이에 <li> 태그를 삽입함

-(예시)

<ol type="a">
    <li>목록 1</li>
    <li>목록 2</li>
</ol>
<h5>이어서 목록 표시하기</h5>
<ol type="a" start="3">
    <li>목록 3</li>
    <li>목록 4</li>
</ol>
<h5>목록 표시 끝!</h5>

-(결과)

---

순서 없는 목록을 만드는 태그

• <ul> 태그
  • ul은 unordered list의 줄임말
  • 순서가 없이 나타남
  • 항목 앞에 작은 원이나 사각형을 붙여 구분함
• <li> 태그
  • 목록 앞뒤에 <ul> 태그를 붙인 후 <li> 태그를 삽입함

-(예시)

<ul>
    <li>목록 1</li>
    <li>목록 2</li>
</ul>
<h5>이어서 목록 표시하기</h5>
<ul>
    <li>목록 3</li>
    <li>목록 4</li>
</ul>
<h5>목록 표시 끝!</h5>

-(결과)

---

설명 목록을 만드는 태그

• <dl> 태그
  • dl은 description list의 줄임말
• <dt> 태그
  • 이름 부분을 지정함
• <dd> 태그
  • 값 부분을 지정함
  • <dt> 태그 하나에 여러개의 <dd> 태그 사용 가능