HTML:리스트 만들기: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
| 1번째 줄: | 1번째 줄: | ||
{{HTML}} | {{HTML}} | ||
== 개요 == | ==개요== | ||
문서를 편집할 때 자동으로 번호를 매겨지게 하거나, 여러 항목들을 표시해야 할 때가 있다. 수정할 때마다 뒷번호를 바꾸기엔 너무 귀찮은데, 자동으로 번호를 매겨주는 태그가 있다. | 문서를 편집할 때 자동으로 번호를 매겨지게 하거나, 여러 항목들을 표시해야 할 때가 있다. 수정할 때마다 뒷번호를 바꾸기엔 너무 귀찮은데, 자동으로 번호를 매겨주는 태그가 있다. | ||
기본적으로 list의 약자인 <nowiki><li> 태그를 사용한다.</nowiki> | 기본적으로 list의 약자인 <nowiki><li> 태그를 사용한다.</nowiki> | ||
== 순서가 있는 리스트 == | ==순서가 있는 리스트== | ||
ordered list. <oi>태그 안에 각 항목들을 넣는다. | ordered list. <oi>태그 안에 각 항목들을 넣는다. | ||
{| class="wikitable" | {| class="wikitable" | ||
| 18번째 줄: | 18번째 줄: | ||
<li>다</li> | <li>다</li> | ||
</ol> | </ol> | ||
</syntaxhighlight> | |||
|<ol> | |||
<li>가</li> | |||
<li>나</li> | |||
<li>다</li> | |||
</ol> | |||
|} | |||
== 순서가 없는 리스트 == | |||
unordered list. <ui>태그 안에 각 항목들을 넣는다. | |||
{| class="wikitable" | |||
!기입방법 | |||
!결과 | |||
|- | |||
|<syntaxhighlight lang="html"> | |||
<ul> | |||
<li>가</li> | |||
<li>나</li> | |||
<li>다</li> | |||
</ul> | |||
</syntaxhighlight> | </syntaxhighlight> | ||
|<ol> | |<ol> | ||
2020년 10월 7일 (수) 11:54 판
틀:HTML HTML에 대한 문서들 모음집
개요
문서를 편집할 때 자동으로 번호를 매겨지게 하거나, 여러 항목들을 표시해야 할 때가 있다. 수정할 때마다 뒷번호를 바꾸기엔 너무 귀찮은데, 자동으로 번호를 매겨주는 태그가 있다.
기본적으로 list의 약자인 <li> 태그를 사용한다.
순서가 있는 리스트
ordered list. <oi>태그 안에 각 항목들을 넣는다.
| 기입방법 | 결과 |
|---|---|
<ol>
<li>가</li>
<li>나</li>
<li>다</li>
</ol>
|
|
순서가 없는 리스트
unordered list. <ui>태그 안에 각 항목들을 넣는다.
| 기입방법 | 결과 |
|---|---|
<ul>
<li>가</li>
<li>나</li>
<li>다</li>
</ul>
|
|