HTML常用标签

在写一个HTML网页中，我们常用的标签有很多，这里就不一一举例了，不过这篇文章会介绍a标签 ,img标签 , table标签。

a标签

属性

• herf
• target
• download
• rel=nooopenper

作用

• 跳转外部页面
• 跳转内部锚点
• 跳转到邮箱或电话等

a的href的取值

• 网址

1. https://google
2. http://gooogle.com
3. //google.com

• 路径

1. /a/b/c以及a/b/c
2. index.html以及/index.html

• 伪协议

1. javascript:代码
2. mailto:邮箱
3. tel:手机号

• id

1. href=xxx

a的target的取值

• 内置名字

1. _blank
2. _top
3. _parent
4. _self

a的download

• 作用：不是打开页面，而是下载页面
• 问题：不是所有浏览器支持，尤其是手机浏览器可能不支持

table标签

相关的标签

• table
• thead
• tbody
• tfoot
• tr
• td
• th

相关的样式

• table-layout
• boder-collapse
• boder-spacing

img标签

• 作用：发送get请求，展示一张图片
• 属性：alt , height , width , src
• 事件：onload , onerror
• 响应式：max-width

学习心得：

在以前写完一个网页以后，我都会用vscode的Live Server插件运行，或者点开文件的资源管理器，在点击[xxx.html]运行文件，很多新手可能有疑问，这样有什么不对呢？今天我就用所学的回答一下：用户一般都是通过链接来访问网站，而程序员通过上面所说的两种方式，就不站是在用户的角度来浏览网站，这样一些bug可能与用户所看到的不一样。

于是我就了解到这两种方法：

通过http-server运行

1. 打开终端，安装http-server

    yarn global add http-server
    //或者
    npm -g http-server

2. 输入命令行

    http-server . -c-1
    //或者简写为
    hs -c-1

3. 打开浏览器输人[http://192.168.0.106:8080/你写的HTML文件名]

通过parcel运行

在终端安装

    yarn global add parcel

之后和以上步骤一样。