[html/css] 목록을 만드는 dl, dt, dd tag

! 공식문서를 참고해서 개념을 다시 한번 확인해주세요 !

 

1. <dl> tag

definition list의 약자로 사전처럼 용어를 설명하는 목록을 만듦

 

2. <dt> tag

definition term의 약자로 정의되는 용어의 제목을 넣을 때 사용

 

3. <dd> tag

definition description의 약자로 용어를 설명하는데 사용

 

4. 사용예시

-코드 작성

<dl>
  <dt>Firefox</dt>
  <dd>
    A free, open source, cross-platform, graphical web browser developed by the
    Mozilla Corporation and hundreds of volunteers.
  </dd>

  <!-- Other terms and descriptions -->
</dl>

-실제 모습

 

Resources

https://aboooks.tistory.com/211

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl