1.HTML的作用就是在浏览器摆放内容。
2.HTML基本骨架
head：网页头部，是给浏览器看的代码，例如CSS
body：网页主体，是给用户看的代码，例如图片，文字。
title：网页标题
3.标签的两种关系
父子关系：嵌套
兄弟关系：并列
4.<h1>标题在网页中只能用一次，<h2-6>没有次数限制，段落标签<p>，<br>换行标签，<hr>水平线标签
5.文本格式化标签，为文本添加特殊格式，用于突出重点
6.图像标签<img src=" ">，title：鼠标悬停显示信息，alt：没加载出图片的显示信息
7.文件路径：. 当前文件夹，.. 上一级文件夹 / 进入文件
8.超链接标签<a href = " ">,target="_blank"跳转的时候打开新窗口
9.音频标签<audio src = " ">,视频标签<video src = "" >
10.网页制作思路：从上至下，先整体在局部，逐步分析制作
分析内容，写代码，保存，刷新浏览器，看效果
11.列表，表格，表单
不同场景，不同选择
12.列表：布局内容排列整齐的区域。
无序列表：布局排列整齐，不需要按照规定顺序的区域。
标签：ul嵌套li，ul是无序列表，li是列表条目
<ul>里面只能由li，li里面可以有任何内容
13.有序列表：布局排列整齐的需要规定顺序的区域
标签：ol嵌套li，ol是有序列表，li是列表条目
<ol>里面只能由li，li里面可以有任何内容
14.定义列表
标签：dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述或者详情。
dl里面只能由dt和dd，dt和dd里面可以有任何东西
15.表格：类似excel，用来展示数据
标签：<table>嵌套tr，tr嵌套td/th
单元格也是可以合并的：跨行跨列都行
合并单元格步骤：
1）明确合并的目标
2）保留最左最上的单元格，添加属性（属性取值是数字，数字表示要合并的单元格数量）
跨行合并：保留最上的单元格，添加属性rowspan
跨列合并：保留最左的单元格，添加属性colspan
3）删除其他单元格
16.表单
作用：收集用户信息
使用场景：登录页面，注册页面，搜索区域
<input标签>，type属性不同，则功能不同
input标签的占位文本：就是提示信息给用户需要输入什么
下拉菜单：
标签：select嵌套option，select是下拉菜单整体，option是下拉菜单的每一项
17.文本域标签
用于多行输入文本的表单控件
标签：textarea
18.基础选择器作用：找标签
19.CSS定义
层叠样式表（Cascading Style Sheets，缩写为CSS），是一种样式表语言，用来描述HTML文档的呈现（美化内容）
书写位置：title标签下方添加style双标签，style标签里面书写CSS代码
CSS引入方式：
内部样式表：学习使用：CSS代码写在<style>标签里面
外部样式表：开发使用
CSS代码写在单独的CSS文件中.css
在HTML使用<link标签引入
行内样式表：配合JavaScript使用
20.CSS的选择器
标签选择器：查找标签，设置样式
使用标签名作为选择器，选中同名标签设置相同的样式。
类选择器（常用）：查找标签，差异化 的设置标签的显示效果。一个类选择器可以给不同的标签使用
步骤：
定义类选择器 .类名（有个.）
使用类选择器 标签添加 class = "类名"（没有.）
id选择器：
作用：查找标签，差异化设置标签的显示效果
场景：id选择器一般配合Javascript使用，很少用来设置CSS样式。
步骤：
定义id选择器 #id名
使用id选择器 标签添加id = "id名"
同一个id选择器在一个页面中只能使用一次
通配符选择器：
作用：找到所有标签，设置相同的样式
通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式