一、HTML基础
1.开发环境
编辑器 ：VSCode ； 浏览器 ：Chrome
2.VS Code 基本使用
汉化插件 ：Chinese ; 打开网页插件 ：open in browser ; 勾选自动保存（点击左上角文件里面有）
3.设置Chrome为默认浏览器
二、HTML初体验
1.HTML定义和语法
HTML 超级文本标记语言 ：不仅包含文字，还可以包含图片、视频、音频、链接
标签成对，里面包裹内容；结束标签比开始标签多/；单标签只有开始标签（单标签很少）
2.页面骨架
- html：整个网页
- head：网页头部，存放给浏览器看的代码，例如 CSS
- body：网页主体，存放给用户看的代码，例如 图片、文字
- title：网页标题
快速生成骨架： 在 HTML 文件（.html）中，!（英文）配合 Enter / Tab键
3.标签关系
HTML注释不会显示在浏览器中。在 VS Code 中，添加 / 删除注释的快捷键：Ctrl + /
注释：
<!--注释内容-->这个可以注释多行，一般我用单行：// 注释内容
三、HTML标签
1.段落标签
标签名：h1~h6 ；例：
<h6>六级标签</h6>；应用场景：大小标题
标签名：p；例：
<p>段落标签</p>；应用场景：文章
文本的格式
例：<span>原价：</span><del>998￥</del><span> 惊爆价：</span><strong>28￥</strong>
效果：原价：998￥惊爆价：28￥
应用场景：金镶玉金币！我行你也行！
2.图像标签
用法：
<img src="图片的 URL">
路径（URL）：./ 表示当前文件所在文件夹目录；../ 表示当前文件的上一级文件夹目录
例：<img src="./images/01.webp">路径为我们的html文件并级的images文件里面的01.webp图片
3.超链接标签
用法：
<a href="#">使用空链接</a>这里的#可以是网址也可以是本地文件
作用：页面跳转
target="_blank"：跳转到新的页面里打开；默认是在当前页面跳转打开
4.表单标签
input：表单button：按钮select option: 下拉菜单
属性：
type=""：text（文本框）password（密码框）radio（单选框）checkbox（多选框）placeholder： 提示文本（占位符）name：表单名称（根据不同的name进行分类）
例：
<!-- <br> 换行标签 -->
<!-- 文本框 text -->
用户：<input type="text" placeholder="请输入用户名"><br><br>
<!-- 密码框 password -->
密码：<input type="password" placeholder="请输入密码"><br><br>
<!-- 单选框 radio （name可以分组）-->
性别：
<input type="radio" name="gender">男
<input type="radio" name="gender">女 <br><br>
班级：
<input type="radio" name="classroom">一班
<input type="radio" name="classroom">二班
<input type="radio" name="classroom">三班 <br><br>
<!-- 复选框 checkbox -->
爱好：
<input type="checkbox" name="hobby">唱歌
<input type="checkbox" name="hobby">爬山
<input type="checkbox" name="hobby">游泳 <br><br>
<input type="checkbox"> 是否同意许可 <br><br>
<!-- 多行文本输入 -->
个人简介：
<textarea rows="5" cols="30"></textarea> <br><br>
<!-- 按钮 -->
<button>提交</button>
<button>重置</button>
Tips:<br>可以换行
5.列表标签
作用：布局排列整齐的不需要规定顺序的区域。
标签：ul嵌套li，ul是无序列表，li是列表条目。
tips：前面的小原点是自带的，后面学习CSS可以用li{list-style:none}去掉
注意事项： ul标签里面只能包裹 li 标签，li 标签里面可以包裹任何内容
