반응형
- ul(Unordered List) 태그 : 목록에 불릿(기호)을 제공하여 출력하기 위한 태그
- ol(ordered List) 태그 : 목록에 순서값을 제공하여 출력하기 위한 태그
- li 태그 : 목록을 출력하기 위한 태그
→ ol 태그 또는 ul 태그의 하위태그(자식태그)로만 사용 가능
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<h1>li 태그</h1>
<hr>
<!--
* li 태그 : 목록을 출력하기 위한 태그
=> ol 태그 또는 ul 태그의 하위태그(자식태그)로만 사용 가능
-->
<h2>유채방</h2>
<!--
* ul(Unordered List) 태그 : 목록에 불릿(기호)을 제공하여 출력하기 위한 태그
-->
<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>
<!--
* ol(ordered List) 태그 : 목록에 순서값을 제공하여 출력하기 위한 태그
-->
<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>
- dl 태그 : 정의 목록(Definition List)을 출력하기 위한 태그
→ 하위태그 : dt 태그, dd 태그 - dt 태그 : 정의 용어(Definition Term)를 출력하기 위한 태그
- dd 태그 : 정의 설명(Definition Description)를 출력하기 위한 태그
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
<h1>dl 태그</h1>
<hr>
<!--
* dl 태그 : 정의 목록(Definition List)을 출력하기 위한 태그
=> 하위태그 : dt 태그, dd 태그
-->
<h2>유채방</h2>
<dl>
<!-- dt 태그 : 정의 용어(Definition Term)를 출력하기 위한 태그 -->
<dt>대상</dt>
<!-- dd 태그 : 정의 설명(Definition Description)를 출력하기 위한 태그 -->
<dd>도미토리, 동성(또는 가족) 1팀</dd>
<dt>크기</dt>
<dd>4인실</dd>
<dt>주의사항</dt>
<dd>공동 취사실 및 욕실</dd>
<dt>비용</dt>
<dd>비수기 : 1인 20,000원</dd>
<dd>성수기 : 1인 25,000원</dd>
</dl>
</body>
</html>
반응형
'지식공유 > html,css,js' 카테고리의 다른 글
| HTML - img 태그(웹개발/마크업/클라이언트/이미지) (0) | 2024.06.26 |
|---|---|
| HTML 기본 내용(http 프로토콜 / 웹서버 / WAS / 클라이언트 / 웹개발 / 이클립스) (0) | 2024.06.25 |
| 웹퍼블리셔를 위한 기본 배경정보(2) (0) | 2022.08.16 |
| 웹퍼블리셔를 위한 기본 배경정보(1) (0) | 2022.08.16 |
| HTML 태그(tag)의 사용방법 (0) | 2022.07.12 |
댓글