[html]목록 태그

html에서 목록을 만들기 위해 <ul>, <ol>, <li>, <dl> 태그를 사용합니다.

ul

unodered list의 약자로서 순서가 없는 목록 작성

ol

ordered list의 약자로서 순서가 있는 목록 작성

순서를 나타내기 위해 번호(1,2...), 소문자 (a, b, ...), 대문자(A, B,...), 작은 로마자, 큰 로마자 등을 사용할 수 있습니다.

이 순서 표시는 속성 type로 지정할 수 있습니다. 위의 순서대로 1, 2, 3, 4,5이며 기본값은 1입니다.

순서의 시작은 start 속성으로 지정할 수 있습니다. 5번 부터 시작하면 start=5

reversed 속성을 명시하면 항목의 순서가 역순으로 지정됩니다.

li

<ul>, <ol>에 포함된 항목들을 나열할 경우 사용합니다.

dl

definition list의 약자로서 용어를 설명하기 위해 사용하는데 <dt>, <dd> 태그를 포함

<dl>
<dt>: 용어 제목 </dt>
<dd>: 용어 설명 </dd> </dl>

실제 사용은 다음과 같습니다.

<ul>unorder list
<li>서울</li>
<li>경기</li>
<li>광주</li></ul>

<ul>array([[1,2,3]
<ol style="text_indent: 2em;">[4,5,6]])</ol></ul>

<ol type=5>
<li>math</li>
<li>Korean</li>
<li>English</li>
<li>Science</li>
<li>History</li></ol>

<ol start=3>
<li>math</li>
<li>Korean</li>
<li>English</li>
<li>Science</li>
<li>History</li></ol>

<dl>

<dt> 용어 제목 </dt>

<dd> 용어 설명 </dd></dl>

⇓

unorder list
• 서울
• 경기
• 광주

array([[1,2,3]
[4,5,6]])

1. math
2. Korean
3. English
4. Science
5. History

3. math
4. Korean
5. English
6. Science
7. History

용어 제목

용어 설명

위의 예에서 보는 것과 같이 각 태그에 따라 들여쓰기가 됩니다. 들여쓰기의 간격을 조정하기 위해서는 다음 속성을 적용합니다.

text-indent: 20px;

margin-left: 20 px;