a标签
1. 属性
- herf ： 链接，既一个网址
- target ： 不写为默认的当前页面
- download ： 理论上是下载网页，现在不常用，有浏览器不支持
- rel=noopener ： 为了防止bug，这个可以先放着
2. 作用
- 跳转外部页面
- 跳转内部锚点
- 跳转到邮箱或者电话等
a的herf取值
1. 网址
- http/https
- //google.com ，默认是继承当前的类型：http/https，推荐用这个，自动选择，不会错
2. 路径
- /a /b /c 或者/a/b/c ，这个/是指当前项目的路径，不是硬盘根目录
- 也可以写./index.html 或者index.html，在当前路径下寻找这个文件
3. 伪协议
- javascript:code；
- 用以上格式，可以立即执行代码，基本不用了
- 可以用空的代码，这样点击什么都不做
- maioto：mailaddress
- 点击就会调用邮件程序发邮件
- tel：手机号
- 点击就是打电话
- id：可以加id，自动跳转到id所在位置
- #xxx
a的target的取值
- _selef 当前页面打开
- _top 在当前窗口最顶层页面打开
- _black 在空白的页面打开
- _parent 在当前连接所在的的iframe上一层打开
iframe标签
内嵌窗口，但是一般不用了
tble标签
1.三要素
- thead 表头
- tbody 表内容
- tfoot 表尾
2.表格内
- tr 表格里的一行
- th 表头
- td 表格里的数据
3.样式
-
table-layout
-
auto, 是根据表格内容自动算宽高
-
fixed，尽量平均表格宽高
-
border-collapse:collapse ,border跟border的合并
-
border-spacing:o ,控制border跟border之间的距离
img标签
1. 作用：
发出get请求，展示一张图片
2. 属性：
- alt：在你图片加载失败的时候，用文字提示用户
- src：图片地址
- weight： 只写宽度或高度，不要让图片变形
- height： 只写高度或宽度，不要让图片变形
3. 事件：
- onload/onerror：测试用，看是否加载成功
4. 响应式：
- max-width:100%
form标签
1. 作用：
- 发get或post请求，然后刷新页面
2. 属性：
- 默认会有个action，就是问你请求往哪发，控制请求版页面
- method="POST",method 控制是get还是post，用大写
- autocomplete：是否自动填充，off不/on填充（自动填充的意思就是下面有的给你选）
- target 提交到哪个页面，哪个页面要刷新
3. 事件：
- 一个form一定要有个type=submit，没有就默认是submit
4. input跟button区别：
- 用input标签写submit，是没法加别的内容
- 用button标签，就可以在里面写其他的内容去更改按钮属性
input标签
1. 作用：让用户输入内容
2. 属性：type/name
-
radio，单选，多个radio只能一个，起一样的name就可以多选一
-
checkbox，多选，使用一个name为一组
-
file，点击上传文件，可以用multiple表示可以选择多个文件
-
hidden，看不见的意思，用来给js等自动填id这种的
-
textarea:多行，textarea style="reasize:none;"不能拖动框
-
select + option，选择
