Chapter 3. 목록관련 태그

1. ul 태그

---

• 순서가 필요하지 않은 목록 만들때 사용
• 리스트 앞에 특정 모양이 출력됨 (default 모양은 ㆍ)
• 해당 모양은 추후 css를 이용하여 수정 할 수 있음

✍ 태그 작성 시

<ul>
  <li>내용1</li>
  <li>내용2</li>
  <li>내용3</li>
</ul>  

👉결과

• 내용1
• 내용2
• 내용3

2. ol 태그

---

• 순서가 있는 목록 만들때 사용
• 속성으로 문자(a / A), 숫자(1), 로마자(I / i) 설정 가능(CSS로 순서 문자 설정 가능
  
  

👨‍🎓작성법

<ol type="설명문자" start="시작순서">
<li>내용1</li>
<li>내용2</li>
<li>내용3</li>
</ol>

✍ 태그 작성 시

<ol type="A" start=2>
    <li>내용1</li>
    <li>내용2</li>
    <li>내용3</li>
</ol>

👉결과

3. dl 태그

---

• 용어의 정의와 내용 설명이 필요할 때 사용하는 태그
• 설정시 자동으로 들여쓰기 적용됨

👨‍🎓작성법

<dl>
    <dt>정의 제목</dt>
    <dd>정의 내용</dd>
</dl>

✍ 태그 작성 시

<dl>
    <dt>목록의 제목을 적는 곳</dt>
    <dd>목록에 대한 설명을 적는 곳</dd>
    <dd>여러 줄을 작성 할 수도 있다.</dd>
    <dt>다른 목록의 제목을 적어 새로운 목록 생성</dt>
    <dd>새로운 목록 설명</dd>
    <dd>여러줄 가능</dd>
</dl>

👉결과

목록의 제목을 적는 곳 목록에 대한 설명을 적는 곳 여러 줄을 작성 할 수도 있다. 다른 목록의 제목을 적어 새로운 목록 생성 새로운 목록 설명 여러줄 가능