a 标签的用法
- 作用:用于打开一条超链接
- 属性
href的取值范围
1、网站链接
2、路径
(1)相对路径
(2)绝对路径
3、伪协议
(1)JavaScript:;
(2)malito:邮箱
(3)tel:手机号
target:
_blank 新建空白页面后打开
_top 在顶级打开
_parent 在上一层级打开
_self 在自处位置打开
(可以配合iframe使用,但是逐渐被弃用,后可以用ajex顶替)
download:
下载当前页面,但是手机浏览器兼容性差,相对鸡肋
rel=noopener:
用于解决可被恶意网站利用的安全漏洞
img 标签的用法
- 作用:发出get请求,展示一张图片
- 属性
alt
图片加载失败时的提示文本
src
必须输入的,它包含了你想嵌入的图片的文件路径
height
设置图片的高度
width
设置图片的宽度
-
事件
onload
只要页面DOM加载完成就触发,无需等待依赖资源的加载。
onerror
处理程序接收事件对象 -
响应式
max-width:100% 宽高自适应
table 标签的用法
- 作用:设置一个表格
- 属性
thead
图片加载失败时的提示文本
tbody
主体内容的载体
tfoot
设置表格底部
th
表头
tr
表行
td
主体内容
- 相关的样式
-
table-layout
控制表格布局 -
border-collapse
清除表格间距 -
border-spacing
控制表格间距大小
-
其他感想
HTML标签数量繁多,但是常用的是集中那几个,只要把比较常用的标签以及他的属性记住,就能应付大部分的需求了。