Frontend/HTML

[HTML]03_ul태그 & ol 태그 & li 태그

sukii 2023. 12. 24. 13:47
반응형

⚫ul 태그 : 목록에 블릿(기호)을 제공하여 출력하기 위한 태그

⚫ol 태그 : 목록에 순서값을 제공하여 출력하기 위한 태그

🔘li 태그 : 목록을 출력하기 위한 태그
     => ol 태그 또는 ul 태그의 하위태그(자식태그)로 사용

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
	<h1>li 태그</h1>
	<hr>
	<h2>유채방</h2>
	<ul>
		<li>도미토리, 동성(또는 가족) 1팀</li>
		<li>4인실</li>
		<li>공동 취사실 및 욕실(화장실)</li>
		<li>비용
			<ul>
				<li>비수기 : 1인 20,000원</li>				
				<li>성수기 : 1인 25,000원</li>				
			</ul>			
		</li>	
	</ul>	
	<hr>
	<h2>동백방</h2>	
	<ol>
		<li>도미토리, 동성(또는 가족) 1팀</li>
		<li>4인실</li>
		<li>공동 취사실 및 욕실(화장실)</li>
		<li>비용
			<ol>
				<li>비수기 : 1인 20,000원</li>				
				<li>성수기 : 1인 25,000원</li>				
			</ol>			
		</li>			
	</ol>
</body>
</html>

 

실행결과⬇️

반응형