HTML:리스트 만들기: 두 판 사이의 차이

학교의 모든 지식. SMwiki
둘러보기로 이동 검색으로 이동
 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{HTML}}
{{HTML}}


== 개요 ==
==개요==
문서를 편집할 때 자동으로 번호를 매겨지게 하거나, 여러 항목들을 표시해야 할 때가 있다. 수정할 때마다 뒷번호를 바꾸기엔 너무 귀찮은데, 자동으로 번호를 매겨주는 태그가 있다.
문서를 편집할 때 자동으로 번호를 매겨지게 하거나, 여러 항목들을 표시해야 할 때가 있다. 수정할 때마다 뒷번호를 바꾸기엔 너무 귀찮은데, 자동으로 번호를 매겨주는 태그가 있다.


기본적으로 list의 약자인 <nowiki><li> 태그를 사용한다.</nowiki>
기본적으로 list의 약자인 <nowiki><li> 태그를 사용한다.</nowiki>


== 순서가 있는 리스트 ==
==순서가 있는 리스트==
ordered list. <oi>태그 안에 각 항목들을 넣는다.
ordered list. <oi>태그 안에 각 항목들을 넣는다.
{| class="wikitable"
{| class="wikitable"
24번째 줄: 24번째 줄:
     <li>다</li>
     <li>다</li>
</ol>
</ol>
|}
==순서가 없는 리스트==
unordered list. <ui>태그 안에 각 항목들을 넣는다.
{| class="wikitable"
!기입방법
!결과
|-
|<syntaxhighlight lang="html">
<ul>
    <li>가</li>
    <li>나</li>
    <li>다</li>
</ul>
</syntaxhighlight>
|<ul>
    <li>가</li>
    <li>나</li>
    <li>다</li>
</ul>
|}
|}

2020년 10월 7일 (수) 11:55 기준 최신판

틀:HTML HTML에 대한 문서들 모음집

  1. HTML:태그
  2. HTML:head
  3. HTML:리스트 만들기
  4. HTML:태그 속성
    1. HTML:링크
    2. HTML:앵커
  5. 컨텐츠 삽입
    1. HTML:이미지
    2. HTML:음악
  6. HTML:요소 꾸미기
    1. HTML:헤더, 네비게이터
    2. 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>