List tag의 종류이다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>리스트 태그</title>
</head>
<body>
<!-- 순서가 없는 리스트 -->
<!-- ul > li*3 = ul라는 부모태그에 > 로 자식태그 연결 후 * 리스트 개수 -->
<ul>
<li>김사과</li>
<li>오렌지</li>
<li>반하나</li>
</ul>
<hr />
<!-- 순서가 있는 태그 -->
<ol>
<li>김사과</li>
<li>오렌지</li>
<li>반하나</li>
</ol>
<hr />
<!--<dl> : 설명 목록 전체를 감싸는 태그 -->
<dl>
<!-- <dt> : 항목 이름(용어, 제목) -->
<dt>류정원 선생님</dt>
<!-- <dd> : 항목에 대한 설명 또는 정의 -->
<dd>김사과 학생</dd>
<dd>오렌지 학생</dd>
<dd>반하나 학생</dd>
</dl>
</body>
</html>
가상 웹 실행 시 보이는 결과
'Frontend' 카테고리의 다른 글
| day02_CSS_table (0) | 2025.04.03 |
|---|---|
| day02_CSS basic (0) | 2025.04.03 |
| day03_flex & grid (0) | 2025.04.03 |
| HTML _Image & Hyperlink (0) | 2025.04.01 |
| HTML_Text tag (0) | 2025.04.01 |