HTML 重难点

a标签 (anchor)

一个特别常用的标签, 可以创建通向其他网页、文件、同一页面内的位置、电子邮箱、电话或任何其他URL的超链接

属性

href 取值

• 网址 //google.com 无协议： 会继承当前的协议, 注：http的根路径是根据服务开启的目录
• 伪协议： 可以执行javascript代码，如href=javascript:alert(1);
  • 一般用于: href=”javascript:;’’ 什么都不做
  • mailto:邮箱, 会调用邮箱客户端
  • tel: 手机号，会调用手机自带的电话
• id锚点：页面调到此id位置

target 取值

• _self(默认): 当前页面打开
• _blank: 空白标签打开
• _parent: 配合iframe时在上层iframe中打开
• _top: 配合iframe时在顶层iframe中打开
• window和iframe的name: 在指定的window或iframe中打开

table标签

• thead: 表格的头部
• tbody: 表格的身体
• tfoot: 表格的底部
• tr: table row 行
• td: table data 放数据的
• th: table header 会默认加粗, 和td同一级(也是放数据的不过一般是表头)

我的table reset

  border-collapse: collapse;    
  border-spacing: 0;

img标签

发送get请求,展示一张图片

属性

• alt: 在图片无法显示的时候展示的文字
• src: source的缩写, get请求资源路径
• height: 设置高度, 不需要加px

响应式

max-width: 100%

form表单

发送get或者post请求(form只能设置这两个方式), 然后刷新页面

注意 :

1. autocomplete 属性设置在form上,给 input 添加name=username之类的name属性后才会生效哦
2. 一般不监听 input 的click事件, 一般监听 change 或者 blur
3. form里边的input 要有name
4. form中要放一个type=submit才能出发submit事件