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]])
- math
- Korean
- English
- Science
- History
- math
- Korean
- English
- Science
- History
- 용어 제목
- 용어 설명
- text-indent: 20px;
- margin-left: 20 px;
댓글
댓글 쓰기