div标签

<div>是双标签，定义一个块元素，主要用于对html文档进行区域分割、元素定位、分层等功能
格式:<div></div> 
	
	    <!--一个朴实无华的DIV-->
		<div>
		这是一个html区域。
		</div>

文档结构+div训练

<!DOCTYPE html>
<html>
<head>
<meta>规定元数据
<title>这是一个网页标题</title>
</head>
<body>
<header> <!--页眉-->
</header>
<main>主要内容
<div>
<!--这是一个横版轮播图片DIV-->
</div>
<div>
<div>
<!--这是一个新闻图片DIV-->
<img src='http://logo.png'>
</div>
<div>
<ul>
  • <li><a>这是一个文章列表</a></li>
  • <li><a>这是一个文章列表</a></li>
  • <li><a>这是一个文章列表</a></li>
  • <li><a>这是一个文章列表</a></li>
</ul>
</div>
</div>
<div>
<!--面板DIV-->
<div>
</div>
<!--面板DIV-->
<div>
</div>
<!--面板DIV-->
<div>
</div>
<!--面板DIV-->
<div>
</div>
</div>
</main>
<footer>页脚
<div>
<hr>
<span>CopyRight©中国某某大学</span>
<span>ICP备案:XXXXXX      公安备案:XXXXX</span>
</div>
</footer>
</body>
</html>