首先说明一点：

千万不要用双击图标的形式打开html文件，可以用终端输入 yarn global add parcel安装一个插件，用法是bash命令进入所在目录，输入parcel 文件名打开打开一个网址，进入即可（或者http-server . -c-1也可以）

a标签

a标签的作用是跳转到外部页面或者内部锚点，也可以用来跳转到邮箱、手机拨号页面。常用标签大概有

• href：超链接 ，链接到某一个网页。例：

  

  要注意的是href可以有很多取值
  1. 网址（XXXX.com）
  2. 路径（/a/b/c/XXXX文件）要注意的是/a/b/c不是从根目录寻找文件，是以当前目录为根目录寻找文件。还有一种相对目录（a/b/c/XX文件）在当前目录下寻找文件
  3. 也可以直接写文件名，跳转到当前目录下这个文件
  4. javascript：js伪协议，点击a标签会执行在里写的代码。用法：a href="javascript:在这里写代码;"/a。如果要写一个a标签，又什么都不做，可以写a href="javascript:;"/a。只有这个方法可以让a标签什么动作都不做
  5. #XXX（XXX是id）跳转到id标签
  6. mailto：邮箱（可以发邮件）
  7. el：手机号（可以打电话）
• a标签的target取值
  1. _blank(在新标签打开）例如：a href="//google.com" target_blank打开谷歌/a （在空白页打开谷歌）
  2. _self(在当前页面打开)
  3. _top(在最顶层打开）可以和iframe标签一起用
  4. iframe（引用另一个页面在本页面内显示）输入iframe，再点击tab就把完整内容打出来了，引用部分直接用文件名或者网址就可以。例

     

     （在本页面中显示a-iframe.html文件内容）
  5. XXX（如果没有，则创建这个窗口，如果有则在这个窗口打开）
• a标签的name怎么用
  1. 页面内有多个iframe时候，可以这样用

     

img标签

img是image的缩写，img标签用来展示图片，可以是文件路径，可以是图片网络地址。例

（展示id为xxx，宽度为500的tupian.jpg图片，如果载入失败，则显示“载入失败”）

• 属性
  1. alt：意思是如果图片加载失败，显示什么
  2. height意思是图片高度，如果只写高度，宽度会自适应
  3. width：宽度，和高度一样
• 事件（反馈信息）
  1. onload：监听事件是否加载成功，onload代表加载成功
  2. onerror：监听事件是否加载成功，onerror代表加载失败。例

     

• 响应式（图片随着窗口变化而变化 1.max-width:100%(图片最大宽度不会超过屏幕宽度。例

  

table标签

table标签是列表标签，且其下只能有 thead、tbody、tfoot三种标签；tr、th、td标签只能写在上述三种标签内

• table标签
  1. thead标签是列表头部标签
  2. tbody标签是列表内容标签
  3. tfoot标签是尾部标签

     

（上图是一个成绩表，网页预览是这样的）

• 相关样式
  1. table-layout (可调样式）主要值有两个：auto（自动计算每行、列的宽度高度）fixed（每行、列的宽度是固定的）

     

  2. border-collapse(可调行与行边距）

     

总结

以上是HTML中经常用到的标签，必须做到熟练应用