기본 태그 - 목록 만들기 ol, ul

ol , Ordering List, 순서 있는 목록

 

아무런 속성을 지정하지 않았을 경우, 자동으로 숫자 순서가 매겨진다.

<ol> 과 <ol type="1">은 같은 결과가 출력된다.

가장 좋아하는 꽃은?
<ol>
	<li>장미</li>
	<li>백합</li>
	<li>봉숭아</li>
	<li>민들레</li>
</ol>

 

 

 

영문 대소문자

가장 좋아하는 꽃은?
<ol type="a">
	<li>장미</li>
	<li>백합</li>
	<li>봉숭아</li>
	<li>민들레</li>
</ol>

 

 

 

로마자

가장 좋아하는 꽃은?
<ol type="I">
	<li>장미</li>
	<li>백합</li>
	<li>봉숭아</li>
	<li>민들레</li>
</ol>

 

 

 

 

 

 

ul, Unordering List, 순서 없는 목록

 

 

아무런 타입을 지정하지 않은 기본값은 type=disc와 같다.

disc, circle, square 3가지만 가능하다.

가장 좋아하는 동물은?
<ul>
	<li>고양이</li>
	<li>강아지</li>
	<li>토끼</li>
	<li>햄스터</li>
</ul>
<ul type="square">
	<li>고양이</li>
	<li>강아지</li>
	<li>토끼</li>
	<li>햄스터</li>
</ul>
<ul type="circle">
	<li>고양이</li>
	<li>강아지</li>
	<li>토끼</li>
	<li>햄스터</li>
</ul>