프론트엔드 개발자/HTML
html css 리스트 연습하기1
신디블로그
2023. 3. 21. 09:47
SMALL
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 리스트를 활용한 메뉴구조 -->
<ul>
<li><a href="#">한식</a>
<ul>
<li><a href="#">국밥</a></li>
<li><a href="#">김밥</a></li>
<li><a href="#">김치찌개</a></li>
</ul>
</li>
<li><a href="#">중식</a>
<ul>
<li><a href="#">자장면</a></li>
<li><a href="#">짬뽕</a></li>
<li><a href="#">우동</a></li>
</ul>
</li>
<li><a href="#">양식</a>
<ul>
<li><a href="#">파스타</a></li>
<li><a href="#">짬뽕</a></li>
<li><a href="#">우동</a></li>
</ul>
</li>
</ul>
<!-- -->
<ul>
<li><a href="">포탈사이트</a>
<ul>
<li><a href="">다음</a>
<ul>
<li><a href="">블로그</li>
<li><a href="">카페</li>
<li><a href="">웹툰</li>
</ul>
</li>
<li><a href="">네이버</a></li>
<li><a href="">네이트</a></li>
</ul>
</li>
<li><a href="">방송국</a>
<ul>
<li><a href="">mbc</a></li>
<li><a href="">sbs</a></li>
<li><a href="">kbs</a></li>
</ul>
</li>
<li><a href="">게임사이트</a>
<ul>
<li><a href="">게임</a></li>
<li><a href="">게임</a></li>
<li><a href="">게임</a></li>
</ul>
</li>
</ul>
<h3><a href="">메뉴</a>
<ul>
<li><a href="">하위메뉴</a></li>
<li><a href="">하위메뉴</a></li>
<li><a href="">하위메뉴</a></li>
</ul>
</h3>
</body>
</html>
LIST