您的位置：首页 > Web前端 > HTML

HTML基本标签总结（一）

2018-03-08 20:16 302 查看

<body>
标签

在网页上要展示出来的页面内容一定要放在body标签中。


段落标签

如果想在网页上显示文章就需要

<p>

标签了，把文章的段落放到

<p>

标签中

<p>

段落文本

</p>

标签的默认样式，段前段后都会有空白，如果不喜欢这个空白，可以用css样式来删除或改变它。

<hx>
标题标签

使用

<hx>

标签来制作文章的标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。

<h1>

是最高的等级。

和

标签

如果想在一段话中特别强调某几个文字，这时候就可以用到

<em>

或

<strong>

标签。

但两者在强调的语气上有区别:

<em>

表示强调，

<strong>

表示更强烈的强调。并且在浏览器中

<em>

默认用斜体表示，

<strong>

用粗体表示。语法是：

<em>

需要强调的文本

</em>

<strong>

需要强调的文本

</strong>

标签

为文字设置单独样式，

<span>

标签是没有语义的，它的作用就是为了设置单独的样式用的。语法：

<span>

文本

</span>

<q>
标签

主要负责短文本引用，比如在网页的文章里想引用某个作家的一句诗，这样会使你的文章更加出彩，那么

<q>

标签是你所需要的。语法：

<q>

引用文本

</q>

需要注意的是，要引用的文本不用加双引号，浏览器会对q标签自动添加双引号。

<blockquote>
标签

长文本引用，

<blockquote>

的作用也是引用别人的文本。但它是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标签。语法:

<blockquote>

引用文本

</blockquote>

注意：浏览器对

<blockquote>

标签的解析是缩进样式。

 
标签

分行显示文本，在需要加回车换行的地方加入

<br />

，其作用相当于word文档中的回车。

;标签**

为网页中添加一些空格，语法：

;

**<hr>

标签**

在网页上添加水平横线。在信息展示时，有时会需要加一些用于分隔的横线，这样会使文章看起来整齐些。

<address>

标签

为网页加入地址信息，一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以

<address>

标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。语法：

<address>

联系地址信息

</address>

注意：在浏览器上显示的样式为斜体，也可以在后面的课程中使用 css 样式来修改它的默认样式。

<code>
标签

在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，你就可以使用

<code>

标签了，如

<code>

var i=i+300;

</code>

。语法：

<code>

代码语言

</code>

注意：在文章中一般如果要插入多行代码时不能使用

<code>

标签了，多行时可以使用

<pre>

标签。语法：

<pre>

语言代码段

</pre>

未完待续，需要的朋友可以看HTML基本标签总结（二）。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航