a标签

iframe标签（很少有人用）

让嵌套网页和本网页一样大

table（一个表头）

<body>
    <table>
      <thead>
        <tr>
          <th>表头</th>
          <th>英语</th>
          <th>翻译</th>
        </tr>
        // table row
      </thead>
      <tbody>
        <tr>
            <td>table data</td>
			<td>hyper</td>
            <td>超级</td>
        </tr>
      </tbody>
      <tfoot></tfoot>
    </table>
  </body>

table（两个表头）

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th></th>
          <th>red</th>
          <th>green</th>
          <th>blue</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>math</th>
          <td>61</td>
          <td>82</td>
          <td>99</td>
        </tr>
        <tr>
          <th>english</th>
          <td>72</td>
          <td>84</td>
          <td>90</td>
        </tr>
        <tr>
          <th>science</th>
          <td>60</td>
          <td>90</td>
          <td>99</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <th>all</th>
          <td>200</td>
          <td>260</td>
          <td>300</td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>

image标签

width和height同时更改可能会使图片变形，只改一个，另一个会自适应

响应式

可以让图片适应屏幕大小（手机端适用）

form标签

action控制请求哪个页面
method控制用get/post来请求
autocomplete控制是否自动填充
target控制在哪个页面打开

一般要有输入框和提交按钮，如下：

提交按钮由"input type="submit"/"自动根据本地语言生成，要是想个性化可以用value或button,区别在于button可以加别的东西，如加粗,加图片等，而value不可以

<input type="submit" value="某某” />
<button type="submit">
    <strong>某某</strong>
	<img width="400" src="dog.png" alt="一只狗子" />
</button>

input标签

image-20210320225138381 - 副本.png

image-20210320225446119 - 副本.png

HTML重难点

a标签