《HTML的常用标签》

185 阅读1分钟

a 标签的用法

1. 作用

  • 跳转到外部网页
  • 或者是内部锚点
  • 邮箱以及电话

2. a的href的取值

<a href="https://google.com">超链接</a>
 <a href="https://google.com">超链接</a>
 <a href="//google.com">超链接</a>

建议用:

<a href="//google.com">超链接</a>

能够自动补齐相关的网络地址,新手易出错,所以建议使用。

3. 路径

/a/b/c 或者是a/b/c 当前路径下的a里面的b,b里面的c index.html 以及./index.html 在当前目录下寻找index.html文件

4. 伪协议

javascript:代码;

5 .其他

mailto:邮箱,tel:手机号,id href:#xxx

1-5点效果如图:

img 标签的用法

1.作用:发出get请求,展示一张图片

2.具体用法:

  • src 图片的地址
  • width:设置图片宽度
  • height:设置图片高度
  • 永远不要让图片变形***
  • onload/onerror事件(查看图片是否加载成功)
  • 响应:max-width:100% (用于手机查看)
  • 如图:

table 标签的用法

具体标签

  1. thead标签指的是:表头

  2. tbody标签指的是:表中

  3. tfoot标签指的是:表尾

  4. tr指的是table row ,表中的一行一行

  5. th指的是 内容的描述

  6. td指的是数据

table的样式

  1. table-layout:auto;自动计算每一行的宽高

  2. table-layout:fixed;通过列表的宽度来决定平均宽度

  3. border-collapse:collapse; 合并边框(默认边框与边框之间不合并)

  4. border-spacing:0;边框为0.(边框与边框之间的距离)。

其他感想

  • 细致.耐心.多问.多想.
! 本文为zoeyzsy的原创文章,著作权归本人和饥人谷所有,转载务必注明来源。