HTML 서식태그(목록)

프로그래밍/Html & CSS

민또배기 2022. 6. 23. 11:46

목록에는 순서가 중요하지 않은 목록, 순서가 중요한 목록, 설명 목록

1. 순서가 중요하지 않은 목록

<ul> , <li> 태그를 사용합니다. ul은 unordered list의 약어입니다.

<html>
  <body>
    <ul>
      <li>사과</li>
      <li>바나나</li>
      <li>딸기</li>
    </ul>
  </body>
</html>

2. 순서가 중요한 목록

<ol>, <li> 태그를 사용하며 ordered list의 약자입니다.

<html>
  <body>
    <ol>
      <li>사과</li>
      <li>바나나</li>
      <li>딸기</li>
    </ol>
  </body>
</html>

3. 설명 목록

<dl> <dt> <dd> 태그를 사용하며 d는 description의 약자 입니다.

<dt>은 목록의 제목, <dd>은 <dt>에 대한 설명으로 생각하시면 됩니다.

<html>
  <body>
    <dl>
      <dt>사과</dt>
      <dd>이것은 사과이다.</dd>
      <dt>바나나</dt>
      <dd>이것은 바나나이다.</dd>
    </dl>
  </body>
</html>

방구석 개발자의 일지