HTML常用标签

129 阅读3分钟

a 标签

<a>可以通过它的href属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。它的的作用有:跳转到外部页面、跳转到内部锚点、跳转到邮箱或电话等。

<a>的一些常用属性有:

  1. href:该属性给出链接指向的网址。它的值可以是网址、路径、伪协议或id。
  2. target:该属性指定如何展示打开的链接。它的值可以是以下四个关键字之一:
  • _self:当前窗口打开,这是默认值。
  • _blank:新窗口打开。
  • _parent:上层窗口打开,这通常用于从父窗口打开的子窗口,或者iframe标签里面的链接。如果当前窗口没有上层窗口,这个值等同于_self。
  • _top:顶层窗口打开。如果当前窗口就是顶层窗口,这个值等同于_self。 target的值也可以是程序员命名的window的name或者iframe的name。
  1. title:该属性给出链接的说明信息。鼠标悬停在链接上方时,浏览器会将这个属性的值,以提示块的形式显示出来。
  2. download:该属性表明当前链接用于下载,但不是所有浏览器都支持。

img 标签

<img>发出get请求,展示一张图片。

<img>的一些常用属性有:

  1. src:该属性是必须的,它包含了想要嵌入的图片的文件路径。
  2. alt:该属性用来设定图片的文字说明。当图片不显示时(比如下载失败,或用户关闭图片加载),可用于提示图片信息。
  3. height、width:width属性和height属性可以指定图片显示时的宽度和高度,单位是像素或百分比。如果width属性和height属性只设置了一个,另一个没有设置。这时,浏览器会根据图片的原始大小,自动设置对应比例的图片宽度或高度(不会造成图片的变形)。 <img>事件有:①onload 加载成功 ②onerror 加载失败。

table 标签

<table>是一个块级容器标签,所有表格内容都要放在这个标签里面。<thead>、<tbody>、<tfoot>都是块级容器元素,且都是<table>的一级子元素,分别表示表头、表体和表尾。

<tr>标签表示表格的一行(table row);<th><td>都用来定义表格的单元格。其中,<th>是标题单元格,<td>是数据单元格。

相关的样式有:

  • table-layout:属性值为auto时列宽度由单元格内容设定,属性值为fixed时列宽由表格宽度和列宽度设定。
  • border-spacing:该属性设置相邻单元格的边框间的距离。
  • border-collapse:通常将属性值设置为collapse来取消单元格之间的间隔,使合并为单一的边框。

其他感想

HTML标签繁多且用法丰富,只有在不断的应用中多多练习,才能更好地掌握它们。