DIV标签

释放双眼,带上耳机,听听看~!

DIV标签(<div>内容</div>)是HTML中常用的标签,它是把一个页面分为很多模块的标签,比如头部可以用一个DIV,内容部分用一个DIV,页面底部用一个DIV,然后通过CSS样式来修改DIV的布局,这就是我们常说的“DIV+CSS布局”,DIV标签可以放入任何标签,包括DIV本身自己!

我们在上次写的代码中加入DIV标签看看

<!DOCTYPE html> 
<html>
   <head>
     <title>P标签和<br/>组合用法 - 站宝库 ZhanBaoKu.Com</title><!-- 修改页面标题-->
     <meta charset="UTF-8">
   </head>
<body>
<!-- P标签和<br/>组合用法 -->
<div><h1>春晓</h1><div>
<div>
<p>
春眠不觉晓,<br/>
处处闻啼鸟。<br/>
夜来风雨声,<br/>
花落知多少。
</p>
<div>
</body>
</html>

我们把这个代码添加个外部DIV标签看看如何下看看现实的效果如何

好像没有起作用,那说明了什么呢?说明一个单独的DIV标签不能改变什么,需要CSS样式来修改,CSS我们后边会讲道,现在只需要明白DIV标签需要配合CSS来使用。

总结:

DIV标签用途很多,后面我们再来慢慢通过案例去学习,一个好的前端工程师DIV+CSS必须要很熟练的掌握,因为DIV+CSS可以创造出很多表格无法制作出的样式。

HTML

HTML文本格式化标签有哪些?

2019-11-9 22:01:03

HTML

HTML特殊符号

2019-11-10 21:01:06

搜索