목록 관련 태그

이번에는 HTML문서에서 목록을 나타내는 태그를 알아보겠습니다.

목록 만드는 법

<ol>, <ul> 태그는 문자 앞에 글머리표나 순서를 붙여 줍니다.

목록은 순서 없는 목록과 순서있는 목록이 있습니다.

목록을 만들때는 <ol> 또는 <ul> 태그를 사용합니다.

그리고 그 안에서 <li>태그를 함께 사용합니다.

예제

좋아하는 음료수

<ul>

<li>콜라

<li>사이다

<li>포카리 스웨트

</ul>

(실행)

좋아하는 음료수

콜라 사이다 포카리 스웨트

<ul> 태그는 목록이 순서가 없이 나오고

태그 속성에 모양을 지정해 줄수 있습니다.

ex) <ul type=square>,<ul type=circle>..

예제

좋아하는 음료수

<ol type=A>

<li> 콜라

<li> 사이다

<li> 포카리 스웨트

</ol>

(실행)

좋아하는음료수

콜라 사이다 포카리 스웨트

<ol> 태그는 목록이 순서대로 나오고

태그 속성에 앞에 순서 순번을 지정해 줄수 있습니다.

ex) <ol type=A>,<ul type=a>...

비교 항목	<ul> 태그	<ol>태크
약어	unorderlist	orderlist
용도	순서 없는 목록	순서 있는 목록
Type 속성	disk, circle, square	A(순번 대문자) , a(소문자), l (로마 숫자 대문자), i (로마 숫자 소문자)
기본값	disk	1
사용 예	<ul type=square>	<ul type=a>

<li> 태그는 'list ltem'의 약자로 각각 항목을 지정할 때 사용하며 </li>태그는 생략이 가능합니다.

<ol>, <li>태그에서 사용하는 속성

속성	표현	설명
start	<ol start=100>	순번이 100번 부터 매겨진다
value	<li value=5>	해당 항목부터 순번이 5번부터 매겨짐
type	<li type=a>	해당 항목부터 소문자로 순서를 매긴다.