html 6标签大全,HTML常用标签

以下记录了HTML学习过程中的三个标签的用法。

a 标签的用法

在MDN的解释：

可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

的主要属性：

href

href 属性可以是给出链接指向的网址，像下面这个例子这样：

谷歌

复制代码

它也可以使用浏览器支持的任何协议。比如路径，通过路径可以链接到其他页面，以及使用javascript:;来执行javascript代码，使用mailto:来访问邮箱，使用tel:来拨打电话，还可以使用页面内其他元素的 id 跳转到该元素或者说是一个锚点，点击后浏览器会自动滚动，停在当前页面里面锚点所在的位置。下面是具体的例子：

index

起飞

发送邮件

拨打电话

点击跳转

复制代码target

该属性指定在何处显示链接的资源。

的取值可以是四个内置的关键字之一：

_blank：新窗口打开；

_self：当前窗口打开，为默认值；

_parent：上层窗口打开，这通常用于从父窗口打开的子窗口，或者里面的链接，如果没有上层窗口，就等于_self。

_top：顶层窗口打开，类似于_parent，在嵌套的里面用时，会在最外层的打开。如果没有顶层窗口，这个值也等于_self。

除了这四个关键字意外，在使用还可以自定义取值，以在指定的窗口打开，或者在特定name属性的中打开。

download

此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。

rel

该属性指定了目标对象到链接对象的关系。

所以结合的属性来看，它的作用主要有三点：

跳转到外部页面

跳转到内部锚点

跳转到邮箱或电话等

img 标签的用法

的释义：

img元素可以将一幅图片嵌入文档。它是单独使用的，没有闭合标签。

复制代码

上面代码会发出get请求，展示一张名为"apple.jpg"的图片。默认是一个行内元素，与前后的文字处在同一行。

的主要属性有：

src

src 属性指定图片的网址，这个属性是不可或缺的，少了这个图片就没法正常显示了。

alt

alt 属性用来设定图片的文字说明。图片不显示的时候，图片的位置上就会显示该文本，比如这样：

复制代码width 与 height

分别用于指定图片显示的宽度和高度，单位是像素或百分比。如果不设置，图片就会以默认大小插入网页。而设置的时候，通常只设置一个，因为只要设置了一个，另一个会按照图像原来的比例来进行调整，从而不会造成图片比例失调，拉胯。像这样uzi.jpg就不行了：

复制代码

table 标签的用法

学号	姓名	性别
和	都用来定义表格的单元格。其中，	是标题单元格，	是数据单元格。 所以通常来说，定义一个表格会采取下面这样的作法：
123	曹操	男
345	白起	男

复制代码

单元格需要跨越多行或者跨越多列的时候，可以采用colspan属性以及rowspan属性来设置。

A		B
A	B	C

复制代码

像这样，表格第一行的左上角单元格就占用了两列。

后记：简单记录了三个HTML标签的用法，这只是最基础的东西，还有很多属性和方法没有列举出来，更详细的解释还请参考 MDN文档。

学习之路才刚刚开始啊~