《HTML常用标签》

a 标签的用法

示例：

  <a href = "https://www.baidu.com/" target="_blank"> 百度 </a>

属性:

1. href: 规定链接的目标 URL;
   href 取值：

   网址：https://www.google.com; http://www.google.com; //google.com
   路径: /a/b/c 以及 a/b/c; index.html 以及 ./index.html
   伪协议: javascript:代码; mailto:邮箱; tel:手机号
   id: href = #xxx

<a href="#">top</a>  点击后页面会刷新并且会回到顶部，也可以绑定id跳转到指定位置
<a href="javascript: ;">  查看</a> 点击之后没有反应页面也不会刷新，内部也不会跳转

2. target: 规定在何处打开目标 URL。仅在 href 属性存在时使用

   _blank：新窗口打开。
   _parent：在父窗口中打开链接。
   _self：默认，当前页面跳转。
   _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。

3. download: 指定下载链接，提示用户将其保存至本地文件。

4. rel:rel="noopener"指示浏览器打开链接而不授予新的浏览上下文访问打开它的文档的权限,防止window.opener被滥用。

table 标签的用法

相关标签

• table 表格标签
• thead 表头
• tbody 表身 表格内容
• tfoot 表格底部
• tr 定义表格中的行。 同一行可同时出现 和 元素.
• td 定义了一个包含数据的表格单元格
• th 定义表格内的表头单元格

    <table>
        <thead>
            <tr>
                <th></th>
                <th>小明</th>
                <th>小李</th>
                <th>小王</th>
            </tr>
        <tbody>
            <tr>
                <th>语文</th>
                <td>80</td>
                <td>75</td>
                <td>85</td>
            </tr>
            <tr>
                <th>数学</th>
                <td>83</td>
                <td>95</td>
                <td>75</td>
            </tr>
            <tr>
                <th>英语</th>
                <td>60</td>
                <td>70</td>
                <td>80</td>
            </tr>
        <tfoot>
            <tr>
                <th>总分</th>
                <td>223</td>
                <td>240</td>
                <td>240</td>
            </tr>
        </tfoot>
        </tbody>
        </thead>
    </table>

img 标签的用法

• 作用：发出 get 请求，展示一张图片。

<img src="img.jpg" alt="">

• 属性：

  alt: 规定图像无法正常显示时的替代文本
  title: 规定鼠标移动到图像上的文本提示
  src: 规定显示图像的 URL，注意路径的选择
  width: 规定图像的宽度,单位为px
  height: 规定图像的高度，单位为px

• 事件

  onload: 当图片加载时运行脚本
  onerro: 当图片加载错误发生时运行脚本

• 响应式
  max-width:100% 即可使图片不变形，实现响应式。
• 可替换元素
  在 CSS 中，可替换元素 的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。
  简单来说，它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。某些可替换元素，例如 <iframe> 元素，可能具有自己的样式表，但它们不会继承父文档的样式。