html学习笔记（自用版）

基础知识

1. 工具：vscode

2. web标准的构成

3. html页面固定结构
   在vscode中输入！+TAB或者！+回车可以快速得到固定结构。
   

4. 放在该行 ctrl+/为注释 双击可取消注释，也可以实现批量注释。复制粘贴也只需放在该行 ctrl+c 、ctrl+v。ctrl+s 保存。tab加空格 shift+tab删空格。

5. 有开始有结束有要包裹的内容用双标签，否则用单标签。标签间的关系有

6. ctrl+d 实现快速更改标题号 此时要选中序号 否则会将h选入
   

7. 段落标签p 输入p直接TAB/回车 可以生成对应双标签
   段落太长可在顶部的查看中选择自动换行
   多个段落 可以p*n

8. 换行单标签br 水平分割线单标签hr
   

9. 图片标签 img+tab/回车 可自动生成
   
   

src = source alt是图片加载失败时的替换文本
title是鼠标悬停时显示的文本 width宽度height高度
如果只设置width和height中的一个，另一个没设置的会自动等比例缩放（此时图片不会变形）；如果同时设置两个，当比例设置不当时，图片可能会变形。

10. 相对路径更灵活
    显示当前文件所有东西—>./ 进入文件夹—>/ 到上一级目录—>…/
    同级目录
    下级目录（文件夹名字/直接写目标文件名字）
    
    上级目录
    …/目标文件

11. 音频标签
    

12. 视频标签
    

13. 链接标签 / a标签
    href(hyperlink reference)超链接引用
    a+Tab/回车 即可显示超链接完整标签
    空链接使用 href=“#”
    
    

14. 列表标签
    无序列表
    

    有序列表
    

	 自定义列表

15. 表格标签
    
    
    例如（注意区分标签与属性）
    
    表格的结构标签
    
    
    
    

16. 表单标签（input和button）
    
    例如
    
    
    
    
    
    表单域（from标签为表单域 只有有表单域的时候submit和reset才可以使用 否则未指明使用区域）
    
    加value值可以改变按钮中的字
    
    

17. 表单标签
    
    

18. 语义化标签
    
    

19. 字符实体
    网页只认识一个空格 不认识多个空格
    不间断空格 Non-breaking Space
    选中一个区域直接往下拉可以快速复制一整段代码
    th*4+回车 可以快速复制4个th标签

常见报错

1、lxml.etree.XMLSyntaxError：Opening and ending tag mismatch：meta line 4 and head, line 6, column 8
解决方法：在<meta charset="UTF-8"标签后加入结束符号变为