HTML基本标签总结（一）

最新推荐文章于 2021-06-22 05:44:17 发布

HarryClaire

最新推荐文章于 2021-06-22 05:44:17 发布

阅读量398

点赞数

分类专栏： web前端开发文章标签： HTML常用标签 wangzunkuan

本文链接：https://blog.csdn.net/wangzunkuan/article/details/79489333

版权

web前端开发专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<body>标签
在网页上要展示出来的页面内容一定要放在body标签中。
段落标签
如果想在网页上显示文章就需要标签了，把文章的段落放到标签中
段落文本
标签的默认样式，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。
<hx>标题标签
使用<hx>标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
和标签
如果想在一段话中特别强调某几个文字，这时候就可以用到或标签。
但两者在强调的语气上有区别: 表示强调， 表示更强烈的强调。并且在浏览器中 默认用斜体表示， 用粗体表示。语法是：
需要强调的文本
需要强调的文本
标签
为文字设置单独样式，标签是没有语义的，它的作用就是为了设置单独的样式用的。语法：
文本
<q>标签
主要负责短文本引用，比如在网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么<q>标签是你所需要的。语法：
<q>引用文本</q>
需要注意的是，要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。
<blockquote>标签
长文本引用， <blockquote>的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。语法:
<blockquote>引用文本</blockquote>
注意：浏览器对<blockquote>标签的解析是缩进样式。
 标签
分行显示文本，在需要加回车换行的地方加入 ，其作用相当于word文档中的回车。
&nbsp;标签**
为网页中添加一些空格，语法：
&nbsp;
**<hr>标签**
在网页上添加水平横线。在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。
<address>标签
为网页加入地址信息，一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。语法：
<address>联系地址信息</address>
注意：在浏览器上显示的样式为斜体，也可以在后面的课程中使用 css 样式来修改它的默认样式。
<code>标签
在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用<code>标签了，如<code>var i=i+300;</code>。语法：
<code>代码语言</code>
注意：在文章中一般如果要插入多行代码时不能使用<code>标签了，多行时可以使用<pre>标签。语法：
<pre>语言代码段</pre>