标签

定义了一个超链接，可以转到页面上的特定位置或Internet上的另一个页面。也可以使用它（在过时的版本中）创建锚点-这是页面内超链接的目标：因此链接不仅限于在页面之间移动。

  1. a标签的herf属性：

    1.                                 ![image.png](https://cdn.nlark.com/yuque/0/2020/png/1314543/1587629890083-fbbf272c-7249-4b25-8ea7-d10f94e828fb.png#align=left&display=inline&height=102&margin=%5Bobject%20Object%5D&name=image.png&originHeight=203&originWidth=671&size=27496&status=done&style=none&width=336)<br />在工作中herf写入链接是应尽量要//网址.com,这样可以避免跳转网页时出现bug，因为//在执行时，会自动选择HTTP或HTTPS.
    3.                         ![image.png](https://cdn.nlark.com/yuque/0/2020/png/1314543/1587631491458-134c98f3-23aa-4f1b-849f-a1e1916ba761.png#align=left&display=inline&height=86&margin=%5Bobject%20Object%5D&name=image.png&originHeight=171&originWidth=874&size=37273&status=done&style=none&width=437)<br />URL不仅限于HTTP链接；它们可以使用浏览器支持的任何协议。例file，ftp，mailto在大多数浏览器的工作。
    1. <a href="javascript：;"></a>

    可以在herf中写javascript代码，实现某些功能。

  2. a标签target属性：

                          ![image.png](https://cdn.nlark.com/yuque/0/2020/png/1314543/1587631919617-9f962c26-5128-479f-b156-c8d95a8ce0f3.png#align=left&display=inline&height=83&margin=%5Bobject%20Object%5D&name=image.png&originHeight=166&originWidth=967&size=38850&status=done&style=none&width=483.5)
    • target=”_black”是指超链接在新的窗口页面打开
    • target=”_top”是指超链接在顶级窗口打开
    • target=”_parent”是指在父级窗口打开
    • target=”_self”是指在当前窗口页面打开

（通过iframe标签可以较好理解各层级窗口关系）

表格标签
                                     ![image.png](https://cdn.nlark.com/yuque/0/2020/png/1314543/1587647757032-c5da6e62-4095-4d84-8a77-9c3c7ec7dcdf.png#align=left&display=inline&height=592&margin=%5Bobject%20Object%5D&name=image.png&originHeight=1183&originWidth=838&size=119467&status=done&style=none&width=419)

  - <table>创建一个表格
  - <thead>表格的第一行
  - <th>表头
  - <tr>表格的一行
  - <tbody>表格的数据部分
  - <td>表格里面的某一数据
  - <tfoot>表格的最后一行

                    ![image.png](https://cdn.nlark.com/yuque/0/2020/png/1314543/1587648972177-dfd4ec3b-e8e5-40fd-bbb3-13e48318fb26.png#align=left&display=inline&height=312&margin=%5Bobject%20Object%5D&name=image.png&originHeight=623&originWidth=1104&size=86566&status=done&style=none&width=552)<br />表格标签的样式：table-layout

HTML常用标签 - 图2标签

image.png

  • img标签作用时发送get请求，展示图片，响应式布局样式max-width

    标签

  • 表示了文档中的一个区域，此区域包含有交互控制元件，用来向 Web 服务器提交信息。

image.png

     - action属性：表单信息提交的url地址，指向进行处理的程序。
     - methon属性：定义提交表单时要使用的HTTP方法， 可以是GET（默认）或POST。
     - autocomplete属性：表示该表单中是否可以由浏览器自动完成填值，展现历史记录提供选择。
     - target属性：表单提交以后在哪级窗口打开。

input标签

image.png