목록 태그
- 주로 내비게이션 메뉴를 만들 때 사용
1) 순서가 없는 목록
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>순서가 없는 기본 목록</title>
</head>
<body>
<ul>
<li>자두</li>
<li>사과</li>
<li>포도</li>
</ul>
</body>
</html>2) 순서가 있는 목록
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>순서가 없는 기본 목록</title>
</head>
<body>
<ol>
<li>자두</li>
<li>사과</li>
<li>포도</li>
</ol>
</body>
</html>3) 중첩 목록
더보기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>순서가 없는 기본 목록</title>
</head>
<body>
<ul>
<li>
<b>과일</b>
<ol>
<li>자두</li>
<li>사과</li>
<li>포도</li>
</ol>
</li>
<li>
<b>채소</b>
<ol>
<li>상추</li>
<li>양상추</li>
<li>양배추</li>
</ol>
</li>
</ul>
</body>
</html>