a标签
作用
- 跳转到内部锚点
- 跳转到外部页面
- 跳转到邮箱、电话等
常用属性及用法
- href -链接地址
取值：
- 网址
http://.......
https://.....
//..... - 路径
/a/b/c或a/b/c
index.html或./index.html - 伪协议
javascript:代码；
mailto:邮箱
tel:手机号 - id
href=#xxx
- target
取值：
- 内置名字
_blank:空白页打开
_top: 顶部打开
_parent 父级元素部分打开 - 程序员命名
window的name
iframe的name
- download
- 作用：不是打开页面，是下载页面
- 局限性：部分浏览器不支持
table标签(表格标签）
常用标签：
- table 表示插入表格
- thead 表头
- thbody 表格主体部分
- tfoot 表格底部
- tr 表格的一行
- td 表格一行内的一列数据
- th 表格一行内的一列表头 相关样式
- table-layout
取值为fixed：每一列等宽
取值为auto：根据输入内容自动调整宽度 - border-collapes
消除表格边框间隙 - border-spacing
表格边框间隙，取值为0,，消除边框间隙 使用思路：引入标签（table）、引入结构（thead、tbody、tfoot）、结构引入行(tr)，引入行内元素（td th）
tips
- 行内元素td为具体数据，th一般为项目名称不涉及数据
- th可加入表格任意模块的行内（头、主体、尾），灵活实现多行表头效果
img标签
作用：发出get请求引入图片
取值：
- alt
图片链接或者路径 - alt
图片加载失败，相应的提示内容 - with,height
确定任意一个值，图片大小自适应，宽高比不变
原则：图片不能变形，必须保留宽高比。长度或者宽度只能改变其一 事件 - onload 图片加载成功
- onerror 图片加载失败 响应式
max-with:100%; 自适应不同屏幕，常作为基础样式
form标签
作用：发出get或者pos请求
属性
- action
请求哪个页面 - autocomplete
取值on:给出相应提示
取值off用户输入内容 - method
post使用post方式请求
get使用get方式请求 - target：目标页面
input标签
作用：用户输入内容 type属性取值：
- text 输入文本
- color 颜色
- password 密码
- radio 单选
- checkbox 多选
- file 上传文件（加入multiple实现多选）
- textarea 文字输入区域，用户可自由调整大小年
感想
大部分内容能够理解，需要后续做项目时进行更深入的理解。
