<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>devZhang_html-div</title>
</head>
<!--
div是html中的块级元素，用于组合其他元素的容器。
通常可结合css使用，此时可对于大的内容块进行样式属性设置。
span是html中的内联元素，用作文本的窗口。
可结合css使用，此时可对文本设置样式属性。
-->
<body>
<div style="color:blue;">
<h1>在div中的标题</h1>
<p>在div中的文本</p>
<div>
<span style="color:red;background-color:black;">
<p>在span中的文本</p>
</span>
<p>在span中的<span style="font:150%;color:blue;">文本</span>，第二种使用方法</p>
<p>使用div进行布局</p>
<div id="container" style="width:500px">
<div id="header" style="background-color:green;">
<h1 style="margin-bottom:0;">主要的网页标题</h1>
</div>
<div id="menu" style="background-color:yellow;height:200px;width:100px;float:left;">
<b>菜单</b><br>
html<br>
css<br>
javascript<br>
</div>
<div id="content" style="background-color:blue;height:200px;width:400px;float:left;">
<p style="color:black;">内容显示</p>
</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
<p>版权所有 devZhang_html-div 2016-11-26</p>
</div>
</div>
</body>
</html>
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
