浏览器：edge
编辑器：VScode
相关知识
随便打开一个网页，在右键后点击“检查”选项，会发现网页其实是由代码组成的，而组成这一个个网页，离不开我们要讲的HTML。
快捷键Ctrl + u 可以快速查看网页的源代码，也就是网页的HTML代码，代码为什么能形成这样的网页正是因为浏览器给予的渲染。
浏览器内核
内核是浏览器的核心，用于处理浏览器得到的各种资源。
我们从服务器请求得到的各种代码、音频、视频、图像等资源，会通过浏览器内核来解析渲染成最终的画面。由于内核版本的差异，不同内核的处理器处理相同的资源可能会得到不同的画面。
网页/网址相关知识
网页其实就是一个页面，而网站由一个个网页组成，HTML是用来开发网页的。
网页
具备 结构+表现+行为 三个要素的叫网页。
网站
HTML简介
HTML(超文本标记语言--HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。
HTML不是编程语言，而是标记语言。
HTML 到底是什么？
HTML 是一种用于定义内容结构的标记语言。HTML 由一系列的元素组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。一对标签可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。例如，键入下面一行内容：
可以将这行文字封装成一个段落元素来使其独立成行：
HTML标签
标签成对出现
HTML5标签非常多，可以自己在菜鸟教程里搜索。
HTML页面组成
<!DOCTYPE html>: 解释文档的类型
head: 通常放一些不被渲染的标签，如title
body : 通常放需要给用户看的标签，如 h1 p span a等
建议安装的扩展
这两个插件能够帮助你运行你的代码，使他们变成网页。
下面就是寻找插件并下载安装的方法：
简单的尝试
可以先尝试写一小段简单的代码，然后右键点击open in default browser，会自动跳转到默认浏览器中打开你所写的网页，如下：
而如果用open in live server的话，则可以做到实时修改，对应的网页也会实时更新
什么是HTML标签？
HTML（超文本标记语言）是构建网页和网络应用的标准标记语言。HTML 文档由一系列的标签（tags）构成，这些标签是构成网页内容的基础。每个标签都有特定的用途和含义，它们定义了网页的结构和内容。
所有主流浏览器都支持<html>标签。
现在大多使用HTML 5。
标签定义及使用说明
<html> 标签告知浏览器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。
块级元素 内联元素
HTML标签中分块级和内联。
块级元素会强制换行，并且占浏览器全部的宽度 （div标签）
内联元素可以包含在块级元素内 （a标签）
标签属性
标签可以拥有属性，属性格式如下：
a代表超链接
可以使用双引号，也可以使用单引号
href代表引用，其后加上一个链接，“>”后可以填写代表这个链接的内容，以百度链接为例，例子如下：
接下来右键点击Open with Live Server运行，会得到如下页面：
点击蓝标的百度就会成功进入百度搜索网页
常用标签
html
html标签限定了文档的开始点和结束点
head
head标签用于定义文档的头部。head标签中一般用于引入脚本、样式表以及文档的各种属性信息,绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
body
body 标签定义文档的主体。
h1--h6
一级标题—-六级标题
会出现如下的效果：
p
段落，一个p（<p></p>）表示一行
br
换行，举例：
换行前
换行后
a
超链接，以百度为例
<a href="https://baidu.com">百度</a><p>请点击<a href="https://baidu.com">百度</a></p>
<p>在新的页面打开<a href="https://baidu.com" target="_blank">百度</a></p>
注释
快捷键“Ctrl + ？”，再次点击则为取消注释
若需要添加多行注释，则需要先选中多行，再点击“Ctrl + ？”
<！-- 注释的内容 -->
ul li
无序列表
ol li
有序列表
table
表格
没有css样式的table很难看
上面是随便举的一个例子，在这个table之前可以添加一个style样式来美化这个表格
form
表单
样例如图：
img
图片
src填图片路径，alt填反馈结果
style
样式标签
css选择器
1.类选择器：.classname
2.id选择器：#idname
比较复杂，涉及css内容
总结
HTML标签还有很多，大家可以自行查找
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
