STUDY/HTML

[HTML] 리스트 태그 (목록 태그) <ul>, <ol>, <li>, <dl>, <dt>, <dd>

유하민 2025. 4. 25. 16:14
반응형

순서가 없는 리스트 <ul>, <li>

<ul>
<li> 첫번째 리스트 </li>
<li> 두번째 리스트 </li>
<li> 세번째 리스트 </li>
</ul>

결과

  • 첫번째 리스트
  • 두번째 리스트
  • 세번째 리스트

 

순서가 있는 리스트 <ol>, <li>

<ol>
<li> 첫번째 순서 </li>
<li> 두번째 순서 </li>
<li> 세번째 순서 </li>
</ol>

결과 :

1. 첫번째 순서

2. 두번째 순서

3. 세번째 순서

 

 

정의 리스트 <dl>, <dt>, <dd>

<dl>
    <dt> 첫번째 정의할 개념 </dt>
    <dd> 첫번째 정의하는 설명 </dd>
    <dt> 두번째 정의할 개념 </dt>
    <dd> 두번째 정의하는 설명 </dd>
</dl>

결과:

첫번째 정의할 개념

    첫번째 정의하는 설명

두번째 정의할 개념

    두번째 정의하는 설명

 

 

반응형