HTML常用标签auto:大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容 fixed:

a标签

属性
- href
  - 网址：http,https,无协议网址（//xxx.com）[这个会自动适配协议，不会错]
  - 路径：/a/b/c(哪里开的http服务，哪里就是根目录) vs a/b/c
  - 伪协议：
    - javascript:代码；（javascript:;这样的a对页面什么都不会做，不会刷新也不会滚动）
    - mailto: mailto:xxxx@qq.com
    - tel
  - id:跳转到指定的标签
- target
  - 内置名字:
    - _blank
    - _top
    - _parent
    - _self
  - 程序员命名
    - window的name target='xxx'//可用来在同个窗口进行不同页面的切换、限定住了，类比以前的优酷不能同时开几个视频
    - iframe的name
```
<a href =".." target="xxx">
<iframe style="" src="" name="xxx">
可以直接嵌入别的网页进到页面，相当于点击链接的时候，跳转到
比如调整窗口大小后可以直接内嵌一个百度进来
```
  - download:下载这个网页
  - rel=noopener
作用
- 跳转外部页面
- 跳转内部锚点
- 跳转到邮箱或者电话

table标签

基本标签

<table>
    <thead></thead>
    <tbody>
        <tr>
            <th></th>
            <td></td>
            <td></td>
        </tr>
    </tbody>
    <tfoot></tfoot>
</table>

相关样式
- table-layout:
  - auto:大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容
  - fixed:表格和列的宽度通过表格的宽度来设置，某一列的宽度仅由该列首行的单元格决定。在当前列中，该单元格所在行之后的行并不会影响整个列宽。使用 “fixed” 布局方式时，整个表格可以在其首行被下载后就被解析和渲染。这样对于 “automatic” 自动布局方式来说可以加速渲染，但是其后的单元格内容并不会自适应当前列宽。任何一个包含溢出内容的单元格可以使用 overflow 属性控制是否允许内容溢出。
- border-collapse:表格边框是否合并
- border-spacing: 表格边框距离当为0时，即border-collapse：collapse
img标签
作用：发出get请求，展示一张图片
属性：alt/height/width/src

事件:onload/onerror

<body>
	<img id="xxx" src="dog.png">
	<script>
		xxx.onload= function(){
        	console.log('图片加载成功'）
        }
        xxx.onerror=function(){
        	console.log('图片加载失败'）
            xxx.src='/404.png' //失败提示图片：用户体验的优化
        }
  </script>

</body>

响应式:max-width:100%

<style>
*{
	margin:0;
    	padding:0;
        box-sizing:border-box;
    }
img {
	max-width:100%
}
</style>

可替换元素:典型video、audio、canvas、svg(兼容性还是要查看文档)
在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。
简单来说，它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。某些可替换元素，例如元素，可能具有自己的样式表，但它们不会继承父文档的样式。
CSS 能对可替换元素产生的唯一影响在于，部分属性支持控制元素内容在其框中的位置或定位方式。
- object-fit
- object-position
form标签
- 作用：发get或post请求然后刷新页面
- 属性：
  - action：要请求的页面的地址
  - autocomplete:自动补全一些信息
  - method
  - target:要提交到哪个页面、哪个页面要刷新 <form action='/xxx' method="POST" autocomplete="on/off" target="a">
- tips:
  - 事件（onsubmit）：要触发，表单必须有input或者button的type="submit"
  - form 里的input需要写name
input标签
- 作用：输入内容
- 属性：
  - type （）
  - 其他
- 事件：onchange onfocus onblur
- 验证器:HTML5新增功能
- tips：
  - 一般不监听input的click
  - form 里的input需要写name

感想

虽然以前自学过html，但是很多属性没有细致地了解过，但这些依然是html的基础，打好基础的情况下才能走的更远更稳。

HTML常用标签

a标签

table标签

img标签

form标签

input标签

感想