a标签

a标签的属性

1. herf

a链接的地址

取值：

网址：

//www.baidu.com 推荐使用这一种写法。放进浏览器会自动补全

2.路径:

绝对路径：/a/b/c,
相对路径：index.html和./index.html

3.伪协议:

javascript:代码; 【需要写冒号和分号】

应用场景：

希望点击a标签之后页面不刷新也不返回到顶部，什么也不做：

这就相当于执行一段没有意义的js代码

mailto:邮箱：

tel:手机号：

2.target

决定是在本页面还是新开一个页面打开链接
取值：
系统内置的名字：

a_blank 打开新页面
a_self 在当前页面打开
a_top 顶部页面打开
a_parent 在父级页面打开， 3和4适用于有Iframe内嵌窗口的情况

a标签的作用（主要有三个）

跳转到外部页面

跳转到内部锚点

跳转到邮箱或电话

2.table标签

完整的table标签包含的元素有：

thead

tr table row 一行
th table head 表头

tbody

tr table row
td table data 数据

tfoot

（表格一定会按照thead tbody tfoot 来执行顺序）

table的样式

      table {        table-layout: auto; <!--文件的字符编码-->        border-collapse: collapse;        border-spacing: 0;<!border-collapse 和 border-spacing用来调整表格Border的间隔-->      }

如果table-layout是fixed, 每一栏会是等宽，而如果是auto, 内容多的那一列会更宽一些

3.img标签

作用：

发出GET请求，展示图片

属性

src: 图片地址
alt: 如果图裂了，无法加载，会显示这个alt属性的文字作为备用
width 如果只写宽度，高度会自适应
height 如果只写高度，宽度会自适应

一个合格的前端不能让图变形！所以就只写宽度或者高度！

事件

onload 加载成功

onerror 加载失败

响应式

让你页面所有图片是响应式随页面大小变换大小的

* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  img {
      max-width: 100%;
  }

前端学习笔记-HTML5常用标签

a标签