a标签

通常用作跳转或者链接一个地址,这个地址可以是外部页面、可以是页面内部的一个锚点,亦可以是一个邮箱地址或者电话号码。

href属性

  1. 可以是一个网址
    1. 如果网址为 //google.com,浏览器会自动为其添加上http协议发起请求,变为https再发起请求。
  2. 可以是一个文件路径。
  3. 可以是一个伪协议
    1. JavaScript伪协议:可以通过js的控制让网页做一些事情。
    2. mailto: 邮箱 : 通过点击这个链接向指定邮箱发送邮件。
    3. tel: 手机号码:手机访问点击后,可以跳转拨号。
  4. 可以指定id,例如href=”#+id”,可以实现点击链接跳转到指定的页面。

    target属性

    决定点击之后在哪个窗口打开。

  5. _blank——在新窗口打开页面。

  6. _self——默认值,即为在本页面打开。
  7. _top——在最顶层页面打开。
  8. _parent——在本窗口的上层打开。
  9. 自命名——可以通过设置target=”id”来控制在一个名叫”id”的窗口打开,如果这个窗口不存在的话,那么就会新开一个窗口并且命名为”id”,若将多个连接的target均设置为”id”,就可以实现这些链接均在这个名为”id”的窗口打开。

img标签

作用为发出get请求,并且展示一张图片。

属性

  1. src属性——可以是一个本地地址,也可以是一个网站链接。
  2. alt属性——在图片加载不出来的时候,用以替代图片显示。
  3. height——可以设置图片的高度。
  4. width——可以设置图片的宽度。
    如果设定图片高度,那么宽度会自适应,相反亦然。不过不要同时设置图片的高度和宽度,这样容易导致图片变形。

事件

可以通过 js 的 onload 和 onerror 来取得图片是否加载成功,以及设定图片不能加载时候的预案。

响应式

为了方便手机用户的浏览,可以将图片的宽度设定为max-width: 100%,即可让图片适应手机屏幕宽度。

table标签

属性

通常是由thead | tbody | tfoot自上而下划分为三部分,其中的数据可以由tr | th | td 来表示。
tr表示一行元素,其内包含 th 和 td 。
th为表头,通常用于首行或者首列,其内的文字会加粗显示。
td为一般单元格存储数据。

样式

tablelayout:
auto 自适应宽高(默认);
fix 等宽;
border-collapse: collapse; 合并单元格边框,通常在开始的时候全局声明。
border-spacing: 0; 令单元格之间的空隙为0。

  1. 标签的这么多属性,还是需要之后的多加练习才能够理解掌握,以后多多写代码。