最常用的HTML标签 总结整理

Posted 2021-12-29 longfei825

body:在网页上要展示出来的页面内容一定要放在body标签中
p:如果想在网页上显示文章，这时就需要p标签了，把文章的段落放到p标签中。标签的默认样式，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。
hx:标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。h1是最高的等级。
strong em:标签是为了强调一段话中的关键字时使用，它们的语义是强调。但两者在强调的语气上有区别:em 表示强调，strong 表示更强烈的强调。并且在浏览器中em 默认用斜体表示，strong 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用strong表示强调。
span:标签是没有语义的，它的作用就是为了设置单独的样式用的。
q:标签是对简短文本的引用，比如说引用一句话就用到q标签。用q标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。
blockquote:blockquote的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。浏览器对
标签的解析是缩进样式。
br:在需要加回车换行的地方加入br /，br /标签作用相当于word文档中的回车。在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入br /。没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有br /、hr /和img /。
&nbsp:在html代码中输入空格、回车都是没有作用的。要想输入空格，必须写入nbsp;。
hr:在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。
address:一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以
标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。
code:在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用code标签了.如果是多行代码，可以使用pre标签。
pre:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。pre 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是pre标签的一个常见应用就是用来展示计算机的源代码。
ul:ul-li是没有前后顺序的信息列表。每项li前都自带一个圆点
ol:在网页中展示有前后顺序的信息列表,这类信息展示就可以使用ol标签来制作有序列表来展示。每项li前都自带一个序号，序号默认从1开始.
div:在网页制作过程过中，可以把一些独立的逻辑部分划分出来，放在一个div标签中，这个div标签的作用就相当于一个容器。什么是逻辑部分？它是页面上相互关联的一组元素。如网页中的独立的栏目版块，就是一个典型的逻辑部分。用id属性来为div提供唯一的名称，必须唯一.

作者：龙飞

出处：http://www.cnblogs.com/longfei825/

-------------------------------------------

个性签名：独学而无友，则孤陋而寡闻。做一个灵魂有趣的人！

如果觉得这篇文章对你有小小的帮助的话，记得在右下角点个“推荐”哦，博主在此感谢！