<!DOCTYPE html>
<html><head><!-- 信息头 --><meta http-equiv="content-type"content="text/html;charset="utf-8"><title>无语义标签</title><style type="text/css">.dfn{color:red;}</style></head><body><!-- 主体 --><div>007特工系列电影<div><!-- 表示块级标签，即是换行操作；span是内联标签，在一行文本中，前后衔接紧密 --><span class="dfn"><dfn>黄金眼（1995年）</dfn>></span>>:主演皮尔斯布鲁斯南</div><div><span class="dfn"><dfn>大战皇家赌场（2006年）</dfn>></span>>:主演丹尼尔克雷格</div><div><span class="dfn"><dfn>天幕杀机（2012年）</dfn>></span>>:主演丹尼尔克雷格</div><div><span class="dfn"><dfn>明日帝国（1997年）</dfn>></span>>:主演皮尔斯布鲁斯南</div><div><span class="dfn"><dfn>幽灵党（2015年）</dfn>></span>>:主演丹尼尔克雷格</div><div><span class="dfn"><dfn>无瑕赴死（2021年）</dfn>></span>>:主演丹尼尔克雷格</div></div></body>
</html>
现在很多的网页布局采用DIV+CSS的样式，其中DIV用于存放需要显示的文字或者图片；CSS用于指定如何显示数据样式，做到结构与样式的分离，便于维护。
<!DOCTYPE html>
<html><head><meta http-equiv="content-type"content="text/html;charset="utf-8"><title>div+css布局</title><style>#header{background-color:yellow;color:green;text-align:center;padding:8px;}#nav{line-height:30px;background-color:green;height:300px;width:300px;float:center;padding:8px;}#section{width:500px;float:center;padding:20px;}#footer{background-color:green;color:black;cler:both;text-align:center;padding:20px;}</style></head><body><div id="header"><h1>首页</h1></div><div id="section"><h2>CHINA</h2><P>中华人民共和国的英文简称</P><P>也有陶瓷的意思</P></div><div id="footer">Author:张三 E-mail:123456789@qq.com </div></body>
</html>
本文链接：https://my.lmcjl.com/post/8552.html
展开阅读全文
4 评论