HTML常用标签

一 a标签的用法

    a标签是超链接标签。用于点击它时，跳转到新的页面。

    href属性，全拼是hyper+reference。

    值可以是以下三类：

网址：

    https...是加密网址

    http...是过去的未加密网址，没有https安全

    //google.com  只要输入网址时，就按这个形式输入绝对没错

路径：

    /a/b/c 以及a/b/c

    index.html以及./index.html（./也表示当前目录）

伪协议：

    javascript:代码      例子：javascript:代码;，我们一般写：javascript:;，来让a标签什么都不做

    mailto:邮箱，点击会调用邮箱程序

    tel:手机号，点击可以直接拨打电话

还有几种属性：

1 target指定在什么地方打开，

        值为_blank 打开新页面

        值为_self本页面打开

        值为_top从最外层页面打开

        值为_parent 父级页面打开

        值为xxx ，如果target里是xxx，那么打开一次a标签链接后，打开的窗口就是xxx，再用别的链接打开xxx，更新的就是刚才的这个xxx页面。如果在iframe里name属性里写上xxx，就是在这个iframe中打开页面链接

2 download 是指定下载资源的属性，但兼容性不好。

3 rel=noopener

 

二 img标签的用法

    img是图片显示标签。

    属性src 的全拼是source，会发出get请求展示图片。

    属性alt，是鼠标停留在图片上时显示的文本。

    属性height是高度

    属性width是宽度

    事件onload是加载图片之后发生的事件

    事件onerror是加载图片失败后的事件

 

三 table标签

    thead 表格顶层标题栏

    tbody内容格子栏

    tfoot表格脚步

    注意：无论这三个是怎么顺序写的，都会按照上面的顺序渲染。

    tr的全称是table+row，行标签 

    th的全称是table + head，表头格子标签

    td的全称是table + data，普通的表格格子标签

    相关样式：

    table-layout 自动计算格子宽度

    border-collapse 表格边框间的缝隙

    border-spacing 格子间的缝隙距离

    易错点：注意thead 和tbody都要写全，不然浏览器会自动纠错。

四 其他感想

    这个任务中有一点内容是我工作中没有使用的。

    例如平时我给checkbox写事件时用的是click，但建议是onfocus。一直不知道，img加载是发送的get请求。chrome调试一直页没打开过Preserve log勾选项。这些自学可能不会接触到。