400-700-1307

【Html5基础教程】HTML基本标签总结(一)

2019-01-29 15:22
  <body>标签

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

  <p>段落标签

  如果想在网页上显示文章就需要<p>标签了,把文章的段落放到<p>标签中

  <p>段落文本</p>

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

  <hx>标题标签

  使用<hx>标签来制作文章的标题。标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

  <strong>和<em>标签

  如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签。

  但两者在强调的语气上有区别:<em>表示强调,<strong>表示更强烈的强调。并且在浏览器中<em>默认用斜体表示,<strong>用粗体表示。语法是:

  <em>需要强调的文本</em>

  <strong>需要强调的文本</strong>

  <span>标签

  为文字设置单独样式,<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。语法:

  <span>文本</span>

  <q>标签

  主要负责短文本引用,比如在网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么<q>标签是你所需要的。语法:

  <q>引用文本</q>

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

  <blockquote>标签

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

  <blockquote>引用文本</blockquote>

  注意:浏览器对<blockquote>标签的解析是缩进样式。

  <br>标签

  分行显示文本,在需要加回车换行的地方加入<br/>,其作用相当于word文档中的回车。

  &nbsp;标签**

  为网页中添加一些空格,语法:

  &nbsp;

  **<hr>标签**

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

  <address>标签

  为网页加入地址信息,一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。语法:

  <address>联系地址信息</address>

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

  <code>标签

  在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用<code>标签了,如<code>vari=i+300;</code>。语法:

  <code>代码语言</code>

  注意:在文章中一般如果要插入多行代码时不能使用<code>标签了,多行时可以使用<pre>标签。语法:

  <pre>语言代码段</pre>


上一篇:【Html5基础教程】Html标签总结(一)
下一篇:没有了

开班信息

当前校区

北京校区
  • 北京校区
  • 上海校区
  • 广州校区
  • 沈阳校区
  • 杭州校区
  • 南京校区
  • 郑州校区
  • 成都校区
  • 深圳校区
  • 西安校区
  • 苏州校区
  • 深圳沙井
  • 深圳观澜
  • 深圳龙岗
  • 武汉校区
  • 西宁校区
  • 石家庄校区
  • 湖北咸宁
  • 广东惠州
  • 广东佛山

                    Copyright © 2007-2019 IT兄弟连教育 版权所有 京ICP备11018177号  京公网安备 11010802026987号