1.<起始标签>文本（标签体）</结束标签>
单标签：<input/>（/可省略）
2.嵌套：
<起始标签>标签体（前面空四格/tab键）<input>（前面空四格/tab键）</结束标签>3.标签属性
<marqueeloop="1"bgcolor="orange"><inputtype="password">注：
写属性前须空一格；loop,bgcolor为属性名;1,orange为属性值（需>=1）
不同的标签能写的属性也不同，比如input不支持loop,bgcolor
也有无属性值的属性名：disabled
一个标签不可重复写同一个属性，重复写以先写的为主
4.HTML基础结构
<html><head></head><body>......</body></html>5.HTML注释
<!--注释-->注：
在vscode中，鼠标放在你想要注释的行/选中文体，ctrl+/，可快速注释
注释中不可嵌套
6.HTML文档声明
在上方空一行(第一行)，写**<!DOCTYPE html>**
作用：告诉浏览器当前网页的版本
7.HTML字符编码
<head><metacharset="UTF-8">**(引号里写字符集，例如ASCII，UTF-8等)**</head>8.HTML设置语言<html lang="en">(en为英语，zh-CN为简体中文等等，详细写法如下)
https://i-blog.csdnimg.cn/direct/6d41585cf13046b5bfa054e70701ed8a.png
9.HTML标准结构：vscode中 !+enter可快速输入标准结构；ctrl+shift+k可快速删除光标所在那一行
<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><title>HTML标准结构</title></head><body>......</body></html>10.favicon.ico图片可配置网站图标，须要放在存放在代码文件中
11.开发者文档：
https://www.w3school.com.cn/index.html
https://developer.mozilla.org/zh-CN/
12.排版标签：ctrl+F查找内容；vscode中的ctrl+enter切到光标下一行
标题：h1-h6，h1只可写一个，h2-h6可重复（写法：<h1>一级标题</h1>）
段落：p（写法：<p>段落</p>）div：使文本看起来更整齐，可折叠化，整体控制（<div>......</div>）
注：p标签内部不可写h1-h6、p、div；h标签不建议互相嵌套
13.语义化标签
语义化：标签默认的效果不重要，语义最重要
语义：h1-h6标题，p段落，div没有语义
可通过CSS来调节效果，但是不可因此不重视语义
语义的优点：代码的可读性强清晰；利于SEO(搜索引擎优化)；方便设备解析
14.块级元素与行内元素：shift+alt+↓/↑ 向下/上复制一行
块级元素：独占一行（marquee，h1，p，div）
行内元素：不独占一行（input，span）
注：块级元素内部几乎都可写块级元素和行内元素；行内元素内部只能写行内元素；h中不可嵌套；p中不能写块级元素
15.文本标签（通常写在排版标签内，通常为行内元素）
常用：em：要着重阅读的内容（斜体）strong：十分重要的内容（加粗）span：没有语义，用于包裹短语的通用容器（相当于div）
不常用：16.图片标签
单标签,行内元素img
<imgsrc="图片路径/图片地址"alt="图片描述/图片内容"width="300"height="300">17.相对路径与绝对路径：ctrl + shift+ +/- 使vscode界面扩大/缩小
相对路径：相对于当前位置
当前(同级)目录**./**
下一级目录**/**
上一级目录**…/**
绝对路径 分为 本地绝对路径 与 网络绝对路径
本地绝对路径：src=“E:/demo1/demo2/xxx.jpg”
网络绝对路径：src=“图片地址，例如：
https://i-blog.csdnimg.cn/direct/e7ea10edf06c4907a2ae713e0f00b884.jpeg”
注：某些网站会设置防盗链，则不能通过网络绝对路径获取图片
18.常见图片格式
jpg格式：有损的压缩格式，不支持透明背景，动态图。使用场景：对图片细节没有极高要求
png格式：无损的压缩格式，支持透明背景，不支持动态图。使用场景：高质量呈现图片
bmp格式：不进行压缩的一种格式，不支持透明背景，动态图。
gif格式：支持的颜色较少，支持简单透明背景，动态图
webp格式：谷歌推出，具上述格式的优点，但兼容性不太好
base64格式：https://i-blog.csdnimg.cn/direct/e7ea10edf06c4907a2ae713e0f00b884.jpeg
