HTML （结构）
网页
1.什么是网页？
是网站的一页，通常是HTML格式的文件
图片、链接、文字、声音、视频等元素组成
2.什么是HTML？
专门用来创建网页的标签语言
超文本
浏览器
1.常用浏览器
浏览器是网页显示、运行的平台。IE、火狐（Firefox）、谷歌（Chrome）、Safar、Opera
2.浏览器内核
（渲染引擎）：读取网页内容、整理讯息，计算网页的显示方式并显示页面
Web标准
构成
结构（HTML）！ 、表现（CSS）、行为（JS）
HTML标签(上)
1.HTML语法规范
基本语法概述
1.由尖括号包围的关键词
开始 <html> 结束 </html>
2.通常成对出现
3.存在特殊的单标签
标签关系
包含关系和并列关系
2.HTML基本结构标签
第一个HTML网页
<html>
<head>
<title>第一个页面</title>
</head>
<body>
坚持就是胜利,加油simple_ssn!
</body>
</html>3.开发工具
先创建文件，并修改成.html，再输入！+Tob键，最后要保存后，再Alt +B
<!DOCTYPE html> //文档类型声明标签，此为html5
<html lang="en"> //此为语言，zh-CN为中文
<meta charset="UTF-8"> <meta charset="UTF-8"> //必须写，采用此字符集来保存文字，否则会出现乱码
4.HTML常用标签
1.标题标签
<h1>-</h1> 总共6等级，重要性依次递减
2.段落和换行标签
<p>-</p> 把HTML文档分割成若干个段落，且彼此存在缝隙
换行 单标签，强制换行
3.文本格式化标签
粗体 斜向 下划线
4.<div>和<span>标签
<div> 和<span> 没有语义，用来布局，它们是盒子，用来装内容
<div> 一行一个，<span> 一行可以多个
5.图像标签和路径！！
1.图像标签
<img> 标签用于定义HTML页面中的图像 引用图像需要图片与HTML文档在一起
src 必写 表明图片路径
！图像标签可以拥有多个属性，必须在标签后面，且无先后
标签名与属性，属性与属性之间均用空格分开
属性采用键值对的格式，即key=“value”的格式
2.路径 ！！！！
目录文件夹（普通文件夹） vscode中打开目录文件夹
根目录（目录文件夹的第一层）
相对路径：以引用文件所在位置为参考基础，而建立出的目录路径
绝对路径：指在目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径
也可以是网络中的网络地址
例如："C:\Users\86152\Desktop\QD\前端基础-HTML\案例\01-HTML 语法规范.txt"
6.超链接标签！！！
2.链接分类
外部链接 例如<a href="百度一下，你就知道"`>百度</a>>
内部链接：网站内部页面之间的互相链接，直接链接内部页面名称即可
空链接：如果当时没有确定链接目标时，<`a href="#">首页</a>
下载链接：地址链接的是文件 .exe 或者zip等压缩包形式
网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接
锚点链接：点击链接可以迅速定位到页面中的某个位置
5.HTML中的注释和特殊字符
1.注释标签
2.特殊字符
HTML标签（下）
1.表格标签
1.基本语法
2.表头单元格标签
常用于第一格，用于强调突出 <th>-</th>
3.表格属性（主CSS）
要写在table里面
4.表格结构标签
1.<thead></thead>;用于定义表格的头部。<thead>内部必须拥有<tr>标签。一般是位于第一行。
2.<tbody></tbody>:用于定义表格的主体，用于放数据本身。
3.以上标签都放在<table>标签中。
5.合并单元格
1.方式
跨行合并：rowspan="合并单元的个数"
跨列合并：colspan="合并单元的个数"
2.目标单元格（写合并代码）
跨行：最上侧单元格为目标单元格，写合并单元格
跨列：最左侧单元格为目标单元格，写合并单元格
3.步骤
2.列表标签
最大的特点就是整齐、整洁、有序，作为布局会更加自由和方便
分为有序列表，无序列表，自定义列表
1.无序列表（重要）
1.各个列表项之间没有顺序级别之分，是并列的。
2.<ul>中只能放<li>，其他标签与文字一律不许
3.<li>可以容纳任何元素
4.无序标签会自带自己的样式属性，但实际使用中会用CSS来设置。
2.有序列表（理解）
<ol>-</ol>标签，会自带数字排序，特点与无序列表一样。
3.自定义列表（重要）
常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。
特点与无序列表相同。
2.表单标签
使用表单目的是为了收集用户信息。
一个完整的表单通常由表单域、表单控件（表单元素）和提示信息3部分组成。
1.表单域
一个包含表单元素的区域
2.表单控件（表单元素）
在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。
1.<input>输入
单标签，必须带type属性
<label>标签
<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验。
2.select下拉
在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用select定义下拉列表。
3.textarea文本
当用户输入内容较多的情况下，不能使用文本框表单，此时使用textarea标签。
是用于定义多行文本输入的控件。（留言板，评论）
注：以上笔记截图来自视频链接
https://www.bilibili.com/video/BV14J4114768/?spm_id_from=333.999.0.0&vd_source=9e2275b2fb829c4c20e9dc7db3b59303
