a标签的用法：
- <a>常规用法
定义了一个超级链接。浏览器显示“维基百科”，文字下面默认会有下划线，表示这是一个链接。用户点击后，浏览器跳转到
href
属性指定的网址。
<a>标签内部不仅可以放置文字，也可以放置其他元素，比如段落、图像、多媒体等等。
上面代码中，
<a>
标签内部就是一个图像。用户点击图像，就会跳转到指定网址。
a标签的其它属性
- href属性（
href
href
属性的值是
#
加上锚点名称。点击后，浏览器会自动滚动，停在当前页面里面
demo
锚点所在的位置。
- hreflang（
hreflang
- target（
target
<iframe>
上面代码中，两个链接都在名叫
test
的窗口打开。首先点击链接
foo
，浏览器发现没有叫做
test
的窗口，就新建一个窗口，起名为
test
，在该窗口打开
foo.com
。然后，用户又点击链接
bar
，由于已经存在
test
窗口，浏览器就在该窗口打开
bar.com
，取代里面已经打开的
foo.com
。
target
属性的值也可以是以下四个关键字之一。
①
_self
：当前窗口打开，这是默认值。
②
_blank
：新窗口打开。
③
_parent
：上层窗口打开，这通常用于从父窗口打开的子窗口，或者
<iframe>
里面的链接。如果当前窗口没有上层窗口，这个值等同于
_self
。
④
_top
：顶层窗口打开。如果当前窗口就是顶层窗口，这个值等同于
_self
。
上面代码点击后，浏览器会新建一个窗口，在该窗口打开链接，并且新窗口没有名字。
注意，使用
target
属性的时候，最好跟
rel="noreferrer"
一起使用，这样可以避免安全风险。
- download（表明当前链接用于下载，而不是跳转到另一个 URL。）
上面代码点击后，会出现下载对话框。
注意，
download
属性只在链接与网址同源时，才会生效。也就是说，链接应该与网址属于同一个网站。
如果
download
属性设置了值，那么这个值就是下载的文件名。
上面代码中，下载文件的原始文件名是
foo.exe
。点击后，下载对话框提示的文件名是
bar.exe
。
注意，如果链接点击后，服务器的 HTTP 回应的头信息设置了
Content-Disposition
字段，并且该字段的值与
download
属性不一致，那么该字段优先，下载时将显示其设置的文件名。
<a>标签邮件链接
<a>标签电话链接
img标签：
- 常规用法（用于插入图片。它是单独使用的，没有闭合标签。）
上面代码在网页插入一张图片
foo.jpg
。
src
属性指定图片的网址，上例是相对 URL，表示图片与网页在同一个目录。
（
<img>
可以放在
<a>
标签内部，使得图片变成一个可以点击的链接。）
上面代码中，图片可以像链接那样点击，点击后会产生跳转。
- 其它属性（alt、height、width、src）
①
alt
属性用来设定图片的文字说明。图片不显示时（比如下载失败，或用户关闭图片加载），图片的位置上会显示该文本。
上面代码中，
alt
是图片的说明。图片下载失败时，浏览器会在图片位置，显示文字“示例图片”
②width属性、height属性（指定图片显示时的宽度和高度，单位是像素或百分比。）
上面代码设置宽、高两个属性容易使图片失真（变形） 所以
一种特殊情况是，
width
属性和
height
属性只设置了一个，另一个没有设置。这时，浏览器会根据图片的原始大小，自动设置对应比例的图片宽度或高度。举例来说，图片大小是 800像素 x 800像素，
width
属性设置成200，那么浏览器会自动将
height
设成200。
③
<img>
标签引入了
srcset
属性。
srcset
属性用来指定多张图像，适应不同像素密度的屏幕。它的值是一个逗号分隔的字符串，每个部分都是一张图像的 URL，后面接一个空格，然后是像素密度的描述符。请看下面的例子。
上面代码中，
srcset
属性给出了三个图像 URL，适应三种不同的像素密度。
图像 URL 后面的像素密度描述符，格式是像素密度倍数 + 字母
x
。
1x
表示单倍像素密度，可以省略。浏览器根据当前设备的像素密度，选择需要加载的图像。
如果
srcset
属性都不满足条件，那么就加载
src
属性指定的默认图像。
table标签：（表格）
- 相关标签
①<thead><tbody><tfoot>
<thead>
、
<tbody>
、
<tfoot>
都是块级容器元素，且都是
<table>
的一级子元素，分别表示表头、表体和表尾。
这三个元素都是可选的。如果使用了
<thead>
，那么
<tbody>
和
<tfoot>
一定在
<thead>
的后面。如果使用了
<tbody>
，那么
<tfoot>
一定在
<tbody>
后面。
大型表格内部可以使用多个
<tbody>
，表示连续的多个部分。
②<th>、<td>、<tr>
<tr>
标签表示表格的一行（table row）。如果表格有
<thead>
、
<tbody>
、
<tfoot>
，那么
<tr>
就放在这些容器元素之中，否则直接放在
<table>
的下一级。
上面代码表示表格共有3行
<th>
和
<td>
都用来定义表格的单元格。其中，
<th>
是标题单元格，
<td>
是数据单元格。
上面代码中，表格一共有三行。第一行是标题行，所以使用
<th>
；第二行和第三行是数据行，所以使用
<td>
。
- 相关样式
①table-layout（取值auto、fixed）
②border-collapse（CSS属性是用来决定表格的边框是分开的还是合并的。在分隔模式下，相邻的单元格都拥有独立的边框。在合并模式下，相邻单元格共享边框。）
③border-spacing（指定相邻单元格边框之间的距离（只适用于 边框分离模式 ）。相当于 HTML 中的
cellspacing
属性，但是第二个可选的值可以用来设置不同于水平间距的垂直间距。）
其他标签：input、type、form
网道 - 互联网开发文档wangdoc.com