Chapter 3. 목록관련 태그

김승현·2021년 10월 25일
0

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>

👉결과

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

0개의 댓글