[HTML] HTML 기본 기능, 리스트 출력

리스트 출력

HTML 에서 리스트를 출력하는 방법은 총 두 가지이다.

1. 순서 없는 출력과 2. 순서 있는 출력.

 

 

순서 없는 출력

순서 없는 출력의 기본 값은 ● (disc) 모양이다.

<h3>목록 테스트</h3>
	<h4>순서 없는 목록</h4>
	<ul>
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ul>

 

 

순서 없는 출력의 마크

<ul type="circle">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ul>

	<ul type="square">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ul>
	
	<ul type="disc">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ul>
	
	<ul type="none">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ul>

 

 

 

순서 있는 출력

순서 있는 출력의 기본값은 숫자이다.

<h4>순서 있는 목록</h4>
	<ol>
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ol>

 

 

순서 있는 출력 마크

	<ol type="1">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ol>

	<ol type="a">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ol>

	<ol type="i">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ol>

	<ol type="l">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ol>

	<ol type="A">
		<li>자바</li>
		<li>오라클</li>
		<li>html</li>
	</ol>