HTML常用标签(a,img,table,)
1.a 标签的用法
在页面中写一个<a>链接</a>
- href属性:包含超链接指向的 URL 或 URL 片段。URL 片段是哈希标记（#）前面的名称，哈希标记指定当前文档中的内部目标位置（HTML 元素的 ID）。URL 不限于基于 Web（HTTP）的文档，也可以使用浏览器支持的任何协议。例如，在大多数浏览器中正常工作的
file:、ftp:和mailto：。 - target属性:该属性指定在何处显示链接的资源。 取值为标签（tab），窗口（window），或框架（iframe）等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:
_self: 当前页面加载，即当前的响应到同一HTML 4 frame（或HTML5浏览上下文）。此值是默认的，如果没有指定属性的话。_blank: 新窗口打开，即到一个新的未命名的HTML4窗口或HTML5浏览器上下文_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式与_self相同。_top: IHTML4中：加载的响应成完整的，原来的窗口，取消所有其它frame。 HTML5中：加载响应进入顶层浏览上下文（即，浏览上下文，它是当前的一个的祖先，并且没有parent）。如果没有parent框架或者浏览上下文，此选项的行为方式相同_self
- rel属性：制定了目标对象到连接对象的关系。使用target时，考虑添加 rel="noopener noreferrer" 以防止针对 window.opener API 的恶意行为。
- download属性:此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。如果属性有一个值，那么此值将在下载保存过程中作为预填充的文件名（如果用户需要，仍然可以更改文件名）。此属性对允许的值没有限制，但是
/和\会被转换为下划线。大多数文件系统限制了文件名中的标点符号，故此，浏览器将相应地调整建议的文件名。
注意: 可以使用 href="#top" 或者 href="#" 链接返回到页面顶部。这种行为是 HTML5 的特性。
2.img 标签的用法
页面中写一个<img></img>标签，它会根据src属性发送get请求尝试得到图片
属性
- alt属性:
alt定义了图像的备用文本描述 - height属性:图像的高度，在 HTML5 中的单位是 CSS 像素，在 HTML 4 中既可以是像素，也可以是百分比。可以只指定
width和height中的一个值，浏览器会根据原始图像进行缩放。 - width属性:图像的宽度，在 HTML5 中单位是 CSS 像素， 在 HTML 4 中可以是像素也可以是百分比。
- src属性:图像的 URL，这个属性对
<img>元素来说是必需的。
事件
- onload:onload 事件在图片加载完成后立即执行
- onerror:onerror事件在图片加载错误后立即执行
响应式
- 宽度发生变化时高度也会自适应
3.table 标签的用法
相关标签
- table:HTML的
table元素表示表格数据 — 即通过二维数据表表示的信息。 - thead:HTML的<thead>元素定义了一组定义表格的列头的行。
- tbody:<tbody> 标签用于组合 HTML 表格的主体内容。<tbody> 元素内部必须包含一个或者多个 <tr> 标签。
- tfoot:<tfoot> 标签用于组合 HTML 表格的页脚内容。
- tr:一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素。表示表格中的一行
- td:<td> 标签定义 HTML 表格中的标准单元格。
- th:<th> 标签定义 HTML 表格中的表头单元格。
相关样式
- table-layout样式:table-layout CSS属性定义了用于布局表格单元格，行和列的算法。
-
border-collapse样式:
border-collapseCSS 属性是用来决定表格的边框是分开的还是合并的。在分隔模式下，相邻的单元格都拥有独立的边框。在合并模式下，相邻单元格共享边框。 -
border-spacing样式:border-spacing属性指定相邻单元格边框之间的距离（只适用于 边框分离模式 ）。相当于 HTML 中的cellspacing属性，但是第二个可选的值可以用来设置不同于水平间距的垂直间距。border-spacing值也适用于表格的外层边框上，即表格的边框和第一行的、第一列的、最后一行的、最后一列的单元格之间的间距是由表格相应的（水平的或垂直的） 边框间距（border-spacing）和相应的（上，右，下或左）内边距之和。该属性只适用于
border-collapse值是separate的时候。
4.其他感想
HTML的标签和属性真是纷繁复杂，不查一查文档会被绕晕，收获颇丰。
