释放双眼,带上耳机,听听看~!
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可以创造出很多表格无法制作出的样式。