《HTML常用标签》

199 阅读2分钟

大家好,下面为大家列举一些HTML常用的标签,以及其用法。


1.<a>标签

首先我们讨论一下什么是<a>标签.

<a>标签是一个表示链接的标签,如果想从一个网址跳转到另一个网址,那么就需要链接,那提到链接我们就不得不提到URL,URL是链接指向的地址。当然链接不止可以指向一个网页,也可以指向文本、图像、文件等资源。可以这样说,所有互联网上的资源,都可以通过链接访问。

那么以上就是关于<a>标签的阐述,那么下面为大家介绍<a>标签的属性及其作用。

1.1 hurf属性

hurf属性是<a>标签的重要属性,因为它是指定链接目标的属性。

让我们来看一下如何使用

(1)跳转网页

当我们点击指向的网址是就会跳转到相应的网站。 当然,除了跳转相应的网页还可以跳转内部锚点,文件路径等.....下面为大家列举。

(2)跳转锚点(id=“x”)

上面的代码中,href的值是 #x (id=x),上方锚点id的值也是“x”,所以当我们点击跳转的时候,浏览器会滚动到名称为锚点的位置。

(3)跳转文件路径

假如有index2.html,当我们在当前点击跳转的时候,就会跳转到index2.html。

(4)JavaScript伪协议

当我们点击的时候就会直接执行JavaScript代码。这种写法叫做JavaScript伪协议写法。

(5)发邮件

当我们指定一个邮箱地址,点击发送邮件,可以实现发送邮件。

1.2 target属性

target属性控制着页面打开的位置

  • _blank 在新页面打开

  • _self 默认值,在本页面打开

  • _top 在最顶层打开

  • _parent 父级(上一级)

2.<img>标签

如果我们想让网页变得丰富多彩,那么我们就需要为网页添加图片,<img>标签就是一个用于插入图片的标签。

下面为大家介绍<img>标签常用的四个属性

2.1 src属性

src属性用来声明图片的文件路径。

2.2 alt属性

alt属性为图片添加一段描述,当图片加载失败的时候会显示。

2.3 width 属性 height 属性

width属性和height属性用来设置图片的宽和高。

3.table标签

table标签是一个表格标签,其中table标签中的<thead>标签表示表头,<tbody>标签表示表体,<tfoot>表示表尾。

  • <tr>标签:table row 表示表格中的一行,放在<thead>标签<tbody>标签<tfoot>标签之中。

  • <th>标签:表示表头。

  • <td>标签: table data 表示表格数据。