a标签

a标签的属性

1.href

a链接的地址
取值：
1.网址：
a.www.baidu.com
b.www.baidu.com
c.//baidu.com推荐写法，自动补全
2.路径：
a.绝对路径：/a/b/c
b.相对路径：index.html和./index.html
3.伪协议：
a.javascript:代码; 【需要写冒号和分号】应用场景：希望点击a标签之后页面不刷新也不返回到顶部，什么也不做：

<a href="javascript:0;"></a>

这就相当于执行一段没有意义的js代码
b.mailto:邮箱
c.tel:手机号
4.id: href=#id名，可以跳转到id名为Id的标签

2.target

取值可以有：
1.a_blank 打开新页面
2.a_self 在当前页面打开
3.a_top 顶部页面打开
4.a_parent 在父级页面打开， 3和4适用于有Iframe内嵌窗口的情况

a标签的作用

跳转到外部页面；跳转到内部锚点；跳转到邮箱或电话

table标签

完整的table标签包含的元素有：

thead

tr table row 一行
th table head 表头

tbody

tr
td table data 数据

tfoot

tr内部包含td 如果出现两个表头，表头都用th,数据用td

table的样式

table-layout:

table-layout: auto; auto表示根据内容来计算宽度
table-layout: fixed; fixed表示定宽，尽可能地让宽度平均 border-collapse 和 border-spacing用来调整表格Border的间隔，一般在css reset中设置为border-collapse: collapse;border-spacing: 0;来合并表格边框并清除表格间距
如果table-layout是fixed, 每一栏会是等宽，而如果是auto, 内容多的那一列会更宽一些

img标签

作用：

发出GET请求，展示图片

属性

1.src: 图片地址
2.alt: 如果图裂了，无法加载，会显示这个alt属性的文字作为备用
3.width 如果只写宽度，高度会自适应
4.width 如果只写宽度，高度会自适应

事件

onload 加载成功； onerror 加载失败

响应式

关键就是“max-width: 100%;”

 * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  img {
      max-width: 100%;
  }

这样图片就可以自适应不同的屏幕大小

form标签

作用

发get或者post请求，刷新页面

属性

action: 往哪里发请求
method: Get 或者 POST 控制用哪种方式请求
autocomplete 自动填充，值可以取"off"或者"on"
target:在当前页面提交，还是新开一个页面提交

Input的submit和button的submit有什么区别？

Input标签里不能再有其他的标签
button标签里可以有其他的标签
一个表单必须有一个type=submit的东西，要么是Input要么是button

Input标签

作用：

让用户输入内容

js事件：

onchange, onblur, onfocus

属性：

类型type:

text 输入文本
password 输入密码
radio 单选(怎么样实现两个radio类型的Input二选一,让这两个Input有相同的name即可)
checkbox 多选（同样的，也需要给同类型的多选框写上相同的Name）
file 上传文件。
上传一个文件：<input type="file">
上传多个文件<input type="file" multiple>
textarea 文本框如果要文本框不能左右拖动，固定大小<textarea style="resize:none; width:50%; height:300px;"></textarea>
select选择

<select name="week" id="">
    <option value="">- 请选择 -</option>
    <option value="1">星期一</option>
    <option value="2">星期二</option>
    <option value="3">星期三</option>
</select>

注意事项

一般不监听Input的click
form里的Input要有Name
form里必须有一个type=submit的input或者button才能出发submit事件

HTML重点标签

a标签