1. a标签的使用
一般用于:跳转外部页面;跳转内部锚点;跳转到邮箱或者是电话等。
1.1 属性
href:名字是hyper+reference的缩写。他的取值可以是网址,建议格式为//xxxxx.com,在不知道是http还是https时,浏览器会帮我们自动添加;路径;伪协议等。
代码示例:
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <a href="//google.com" target="blank">超链接</a> <a href="/a/b/c/c.html">c.html</a> <a href="javascript:alert(1);">javascript伪协议</a> <a href="javascript:;">查看</a> </body></html>
target:
_blank:当使用此标签将会在空白页打开超链接。
_top:当使用此标签会在页面的顶级窗口打开连接。
_parent:当使用此标签会在上一层窗口打开连接。
_self:当使用此标签会在当前层级打开连接。
2.table标签的使用
2.1相关标签
table
thead
tbody
tfoot
tr
td
th
2.2相关样式
table-layout:初始值为auto。大多数浏览器采用自动表格布局算法对表格布局。表格及单元格的宽度取决于其包含的内容。
border-collapse:属性是用来决定表格的边框是分开的还是合并的。
border-spacing:属性指定相邻单元格边框之间的距离。
一般border-collapse和border-spacing配合使用。
3.img标签的使用
3.1作用
发送一个get请求,可以展示一张图片。
3.2属性
alt:当请求失败时,可食用次标签替换文字
height:高度
width:宽度
src:资源
3.3事件
onload:当请求成功时,运行次函数
onerror:当请求失败时,运行次函数
3.4响应式
max-width:100%; 使用此标签,可以响应式的在PC端和手机端查看页面。
4.总结
HTML的常用标签还是非常多的,要想熟练地掌握这些标签,还需要多多练习。