大家好,下面为大家列举一些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 表示表格数据。