a 标签的用法
href:超链接
a的href取值:网址+路径+伪协议
网址
- google.com
- geogle.com
- //geogle.com (最高级 他会自动选择用https还是http)
路径
- /a/b/c(目录)
- a/b/c(文件)
- index.html
- ./index.html
伪协议
- JavaScript:代码;
- mailto:邮箱
<a href="mailto:XXXX035652@qq.com">发邮件给对方</a> - tel:手机号
<a href="tel:23789055244">打电话给我</a> - 其中JavaScript:;基本不用,现在用来做点击之后的页面刷新,访问一个空代码
a的target取值
内置名字
- _brank :在空白页面打开
- _top:在顶级窗口页面打开
- _parent:在当前链接所在的iframe的一层打开
- _self:默认值,在自己所在的页面直接打开
<a href="http://google.com" target="XXX">google</a>xxx就是新窗口的名字,可以重复利用一个窗口打开不同的页面
table标签
<table></table>//表格<tr></tr>//table中的一行<thead></thead>//表的头部<tbody></tbody>//表的内容<tfoot></tfoot>//表的底部<th></th>//表头<td></td>//数据 这里面写数据- 相关样式:
- table-layout:auto;(默认,自动计算表格宽高)
- border-collapse:collapse(合并表格)
- border-spacing;0;(空格与空格之间的间隙为0)
img 标签的用法
- 作用:发出git请求,展示出一张图片
- 属性:
<img witch= "400" src="胡歌.png" alt="一个胡歌">其中src是图片地址;alt表示当图片加载不出来时,会显示alt内容“一个胡歌”;witch/height:只写宽度,高度自适应,高度同理;
3. 前端工程师底线:永远不能让图片变形
其他感想
初学者学习时要联想使用场景,什么时候会用到,做到大概的场景定位,会对知识有更加深刻的理解记忆