<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标签的应用</title>
</head>
<body>
<!-- <div>标签 块级元素 类似的块级元素<p> <table> <h1>~<h6>-->
<h3>div标签的应用 用于将网页页面分割成不同的独立部分</h3>
<hr />
<h4>这是第1段的标题 无div</h4>
<p>这是第1段的内容</p>
<div>
<h4>这是第2段标题 有div</h4>
<p>这是第2段的内容</p>
</div>
<hr />
<div style="color: darkorange; background-color: skyblue;">
<h4>这是第3段的标题 有div加效果</h4>
<p>这是第3段的内容</p>
</div>
<br> <br ><br> <br >
<hr color="black" />
<h3>span标签的应用 与CSS同时使用可以指定文本设置样式的属性,不会自动换行</h3>
<hr />
<p>本段使用了<span>span标签</span>,但是为设置任何样式。</p>
<p>本段使用了<span style="color: red;">span标签</span>,并且设置了样式。</p>
</body>
</html>
运行的结果: