1. HTML div 标签
div 标签 -- 表示一个块
- 此标签是成对出现的,以
<div>
开始,以</div>
结束 - 就像
span
标签一样,和CSS联合起来才能显示出它的威力
div
表示一个块,并无实际的意义,可以通过CSS样式(style)为其赋予不同的表现.
具体用法可以查看CSS的 id 与 class 选择符.
2. HTML h1 h2 h3 h4 h5 h6 标签
h,h1,h2,h3,h4,h5,h6 标签 -- 表示文章的标题
<
body
>
<
h
>
文章的主标题
</
h
>
<
p
>
介绍
</
p
>
<
section
>
<
p
>
....
</
p
>
<
h
>
文章的二级标题
</
h
>
<
p
>
....
</
p
>
<
h
>
另一个二级标题
</
h
>
<
p
>
....
</
p
>
</
section
>
<
section
>
<
p
>
....
</
p
>
<
h
>
下一个二级标题
</
h
>
<
p
>
....
</
p
>
<
section
>
<
h
>
三级标题
</
h
>
<
p
>
....
</
p
>
</
section
>
</
section
>
</
body
>
- 此标签是成对出现的,以
<h>
开始,以</h>
结束
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
3. HTML p 标签
p 标签 -- 表示段落,里面可以加入文字,列表,表格等
<
p
>
写HTML注意什么?
<
ul
>
<
li
>
要有层次感
</
li
>
<
li
>
有必要的注释
</
li
>
<
li
>
选用适当的块表现
</
li
>
</
ul
>
</
p
>
- 此标签是成对出现的,以
<p>
开始,以</p>
结束
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
4. HTML blockcode 标签
blockcode 标签 -- 表示程序的代码块
<
blockcode
class
="PHP"
>
function dreamdu
{
$myUrl= www.bobo.com.cn;
echo $myUrl;
}
</
blockcode
>
- 此标签是成对出现的,以
<blockcode>
开始,以</blockcode>
结束
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
5. HTML blockquote 标签
blockquote 标签 -- 表示引用块
<
blockquote
cite
="http://www.bobo.com.cn/"
>
<
p
>
标准网页设计要区分内容与表现,学习标准网页设计.
</
p
>
</
blockquote
>
- 此标签是成对出现的,以
<blockquote>
开始,以</blockquote>
结束
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)