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的标签和属性真是纷繁复杂，不查一查文档会被绕晕，收获颇丰。