[HTML4] ul, ol, li(목록 관련) 태그

목록태그
* ul 태그 : 순서가 없는(정렬이 되지 않은) 목록 태그
* ol(ordered list) 태그 : 순서가 있는(정렬이 된) 목록 태그.
* li 태그 : 리스트 목록

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h3>음료 메뉴</h3>
	<ul> <!-- 순서가 없는 목록 -->
		<li>콜라</li>
		<li>사이다</li>
		<li>환타</li>
		<li>생과일쥬스</li>
	</ul>
	
	<hr>
	
	<h3>커피 종류</h3>
	<ol> <!-- 순서가 있는 목록 -->
		<li>아메리카노</li>
		<li>카페라떼</li>
		<li>카라멜 마끼아또</li>
		<li>아포가토</li>
	</ol>
	
	<hr>
	
	<h3>음료 메뉴</h3>
	<ul type="square"> <!-- type="disc"(기본값), "circle", "square" -->
		<li>콜라</li>
		<li>사이다</li>
		<li>환타</li>
		<li>생과일쥬스</li>
	</ul>
	
	<hr>
	
	<h3>커피 종류</h3>
	<ol type="I"> <!-- type="1"(기본값), "a", "A", "i", "I" -->
		<li>아메리카노</li>
		<li>카페라떼</li>
		<li>카라멜 마끼아또</li>
		<li>아포가토</li>
	</ol>
	
	<hr>
	<h3>음료 메뉴</h3>
	<ul>
		<li>콜라</li>
		<li>사이다</li>
		<li>생과일쥬스</li>
		<li>커피
			<ol>
				<li>아메리카노</li>
				<li>카페라떼</li>
				<li>카라멜 마끼아또</li>
				<li>아포가토</li>
			</ol>
		</li>
		<li>환타</li>
	</ul>
	
	
</body>
</html>

저작자표시

'Front > HTML' 카테고리의 다른 글

[HTML4] table 태그 (0)	2021.04.20
[HTML4] img(이미지 관련) 태그 (0)	2021.04.20
[HTML4] a 태그(하이퍼링크) (0)	2021.04.20
[HTML4] font(text) 관련 태그 (0)	2021.04.20
[HTML4] blockquote(인용) 태그 (0)	2021.04.20