<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="UTF-8">
<title>사용户注册页면</title>
</head><body>
<div id="top">
<div id="메뉴">
<ul>
<li><img src=/upload/course/000/000/004/5816f7b0056da728.png></li> <li><a href=""> 首页</a></li>
<li><a href="">科技资讯</a></li>
<li><a href="">心情随笔</a></li>
<li><a href="">资源收藏</a></li>
<li><a href="">图文图文</a></li>
<li><a href="">留言板</a></li>
<li ><a href="">登陆</a>/<a href="">注册</a></li>
</ul>
</div>
</div>
</body>
</html>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
2층 말을 지지해주세요
그림을 그리고 신중하게 생각해 보세요. 첫 번째 div는 레이아웃에서 가장 큰 div이고, 두 번째 div는 특정 div 내부의 콘텐츠이며, 그 안에는 작은 상자가 많이 있습니다. 큰 상자 의미
어쩌면 CSS 작성의 편의를 위한 것일 수도 있습니다.