《HTML常用标签》

152 阅读1分钟

a 标签的用法

href:超链接

a的href取值:网址+路径+伪协议

网址

  1. google.com
  2. geogle.com
  3. //geogle.com (最高级 他会自动选择用https还是http)

路径

  1. /a/b/c(目录)
  2. a/b/c(文件)
  3. index.html
  4. ./index.html

伪协议

  1. JavaScript:代码;
  2. mailto:邮箱 <a href="mailto:XXXX035652@qq.com">发邮件给对方</a>
  3. tel:手机号 <a href="tel:23789055244">打电话给我</a>
  4. 其中JavaScript:;基本不用,现在用来做点击之后的页面刷新,访问一个空代码

a的target取值

内置名字

  1. _brank :在空白页面打开
  2. _top:在顶级窗口页面打开
  3. _parent:在当前链接所在的iframe的一层打开
  4. _self:默认值,在自己所在的页面直接打开
  5. <a href="http://google.com" target="XXX">google</a> xxx就是新窗口的名字,可以重复利用一个窗口打开不同的页面

table标签

  1. <table></table>//表格
  2. <tr></tr>//table中的一行
  3. <thead></thead>//表的头部
  4. <tbody></tbody>//表的内容
  5. <tfoot></tfoot>//表的底部
  6. <th></th>//表头
  7. <td></td>//数据 这里面写数据
  8. 相关样式:
  • table-layout:auto;(默认,自动计算表格宽高)
  • border-collapse:collapse(合并表格)
  • border-spacing;0;(空格与空格之间的间隙为0)

img 标签的用法

  1. 作用:发出git请求,展示出一张图片
  2. 属性:<img witch= "400" src="胡歌.png" alt="一个胡歌"> 其中src是图片地址;alt表示当图片加载不出来时,会显示alt内容“一个胡歌”;witch/height:只写宽度,高度自适应,高度同理;

3. 前端工程师底线:永远不能让图片变形

其他感想

初学者学习时要联想使用场景,什么时候会用到,做到大概的场景定位,会对知识有更加深刻的理解记忆