HTML标签

标签学习

一、body标签

在<body></body>之间的内容时网页中需要表现出来的内容，包括<h1><a><img>都包含在其中。

二、标签

如果想在网页上展示内容，就需要使用标签，把文章的段落放在标签之中。一段文字中只有一个标签；如果有多段文字，就需要使用多个标签；

标签的默认样式为段前段后有空白；如果不使用这个空白，可以使用CSS样式来删除或者改变它。

三、<hx>标签

该标签主要是用于为网页添加标题。标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。<hx>标签放在<body>标签之中，需要注意换行空格。

注意：因为h1标签在网页中比较重要，所以一般h1标签被用在网站名称上。

四、,标签

如果想在一段话中特别强调某几个文字，加入强调语气，使用和标签，strong的语气比em强。在浏览器中 默认用斜体表示， 用粗体表示。如果不喜欢，可以在CSS中改变。两个标签相比，目前国内前端程序员更喜欢使用表示强调。

五、标签

标签主要是用于为文字设置单独的样式，没有特别的语义。span标签可以写在head标签中，下面的body语句都可以使用，如果写在某个body中，只能在这个div中使用，例如为“美国梦”加上蓝色的样式：

第78行先定义颜色，第12行添加标签

六、<q>标签

当文档中想引用短文本时，可以使用<q>标签。要引用的文本不需要加双引号，浏览器会自动对<q>标签加上双引号，该标签的主要意义是引用别人说过的话。

七、<blockquote>标签

该标签主要是长文本的引用。浏览器对<blockquote>标签的解析是缩进样式。同样的，引用的内容不要用双引号。

八、 标签与空标签

标签的主要作用是用来分行表示文本，在需要加回车换行的地方加入 ， 标签作用相当于word文档中的回车。语法如下：

XHTML1.0中：

HTML4.01中：

现在一般使用 xhtml1.0 的版本的写法（其它标签也是），这种版本比较规范。 标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需写一个开始标签，空标签有 、<hr />和<img />。在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入 。

九、<hr>标签

<hr>标签主要作用是添加水平线，使用分隔的横线，使得文档看起来更整齐。语法：html4.01版本 <hr> xhtml1.0版本 <hr /> 注意：

1. <hr />标签和 标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。

2. <hr />标签的在浏览器中的默认样式线条比较粗，颜色为灰色，学习了css样式表之后，都可以对其修改。

3. 现在一般使用 xhtml1.0 的版本（其它标签也是），这种版本比较规范。

十、<address>标签

一般网页中会有一些网站的联系地址信息需要在网页中展示出来，这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址（比如电子邮件地址）、签名或者文档的作者身份。例如：<address>文档编写：lilian 北京市西城区德外大街10号</address>。

浏览器中默认显示的是斜体，利用CSS可以进行样式的修改。

十一、<code>和<pre>标签

在介绍语言技术的网站中，避免不了在网页中显示一些计算机专业的编程代码，当代码为一行代码时，可以使用<code>标签，例子：<code>var i=i+300;</code>

如果是多行代码，可以使用<pre>标签。<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。<pre> 标签不只是为显示计算机的源代码时用的，在你需要在网页中预显示格式时都可以使用它，只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

<pre>

var message="欢迎";

for(var i=1;i<=10;i++)

{

alert(message);

}

</pre>

十二、总结

标签名字	标签作用
body标签	插入网页中需要表现的内容，包括<h1><p><a><img>都包含在其中。
<p>标签	文章的段落放在该标签中，有多段文章就需要使用多个<p>标签
<hx>标签	标题标签，1-6级依次递减，<h1>最高
<strong>,<em>标签	强调标签，strong标签更受欢迎；浏览器中em使用斜体，strong使用粗体
<span>标签	为文字设置单独样式，例如添加颜色等
<q>标签	引用短文本标签，无需使用双引号
<blockquote>标签	引用长文本标签，无需使用双引号
<br>标签	换行作用（空标签）
<hr />	添加横线（空标签）
<img />	图片标签
<address>标签	添加地址、邮件等信息
<code>,<pro>代码标签	code为单行，pre为多行
文档中加空格	添加

posted @ 2018-11-14 22:34 皮大大阅读(171) 评论(0) 收藏举报

刷新页面返回顶部

皮大大