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
'프론트엔드 개발자 > HTML' 카테고리의 다른 글
| 클론코딩 레이아웃만들기 4 (0) | 2023.03.29 |
|---|---|
| Html 구글 폰트 적용하기 사용하기 (0) | 2023.03.08 |
| html, css , 자바스크립트 주석 및 css 스타일 (0) | 2023.03.07 |
| VsCode 비주얼스튜디오 환경 설정하기 (0) | 2023.03.07 |
| html 이미지 불러오기 태그 (0) | 2023.03.06 |
댓글