一、HTML概述
1.超文本传输协议（HTTP： Hyper Text Transfer Protocol）：互联网应用最广泛的一种协议，所有的WWW文件都必须遵守这个标准。最初的目睹是为了提供一种发布和接收HTML页面的方法
2.超文本标记语言（HTML）：用于创建网页的标记语言，无需编译
3.(由于加了<>显示不出来，我都去掉了<>)
!DOCTYPE html是文档声明头，告诉浏览器，本文档处理的是html文档
head 标签是网页的头部，设置网页相关信息
title 标签设置网页的标题
body 标签定义文档主体，就是主要内容
4.HTML注释：<–!这里面写注释–>浏览器不会显示注释内容，能帮助记录
二、HTML标签
1.HTML标签与大小写为无关，如和表示的意思都是一样的，但是一般都是小写。
2.双标签：<标签名></标签名> (我去掉了<>)
html /html
head /head
itle /title
body /body
h1 /h1
p /p
div /div
span /span
a /a
ul /ul
3.单标签 (我去掉了<>)
br/ 换行
hr/ 水平分隔线
meta/
img/
4.HTML元素：从开始标签到结束标签的所有代码
5.常见标签
①h系类标签：有h1, h2, h3, h4, h5, h6 六种，代表标题
②p标签：文本标签
③图片标签：图像通过img来定义，语法：<img src=”图片地址”/
④a标签：超链接标签，点击它可以跳转到一个网页
点击超链接就可以跳到百度页面
⑤div标签：块级元素，占据其父元素的整个空间，可以把它想象成一个盒子，能设置它的宽和高
如：生成一个宽和高都是200像素的粉色div
⑥换行标签和空格字符
浏览器显示页面时会移除源代码中多余的空格和空行，所有连续的空格或者空行都会被认为是一个空格。br/ 可在不产生一个新段落的情况下换行。想产生空格可用 & nbsp; 字符。
⑦水平分割线：在页面中创建一条水平分割线
⑧容器标签（div和span）
⑴div可将页面分割成不同的独立部分，通常用于定义文档中的区域或节。浏览器会自动在 div 和 /div 所标记的区域前后放置一个换行符。
⑵span 内联元素，与块级元素相反，不会在前后放置换行符，因此内联元素会默认显示在同一行。
6.HTML列表：有序列表(ol)、无序列表(ul)、自定义列表(dl)，每个列表项始于 li 标签。
①有序列表(ol):一列项目，列表项目使用数字进行标记
②无序列表(ul)：一个项目列表，此列项目用实心圆、空心圆、方块进行标记
无序列表和有序列表的type属性:
ul列表：
ol列表：
③自定义列表(dl):列表项以 dt 开始。列表项的定义以 dd 开始
7.HTML样式
①背景颜色：通过“background”或“background-color”属性值的设置来给背景设置颜色
②字体、颜色和尺寸：通过属性“font-family”值来设置字体，通过属性“color”值来设置颜色，通过属性“font-size”值来设置字体大小。
③文本对齐：通过属性“text-align”值来设置字体
8.挑战成品：源码：