前端
"""
所有用户能看到的界面:前端
网页、pc端的应用exe、移动端应用app、微信小程序、手环的时间界面
html5为基础的前端：网页、app、微信小程序
html5：
"""
HTML5是什么
HTML5就是html语言，数字5是该语言的版本号；html语言开发的文件是以.html为后缀，制作运行在浏览器上展现给用户使用的前端界面，采用的语言是超文本标记语言(HyperText Mark-up Language)。
<b></b>
<owen></owen>
<zero>
没有对错，只有有无效果之分
前端三剑客
"""
1、html5：页面结构框架
标签 => 学会标签的嵌套结构
2、css3：页面布局与样式
3、javaScript：页面的交互逻辑
"""
html知识
"""
标签：由<>包裹字母开头，可以结合数字和合法字符的能被浏览器解析的标记 -- 字母 数字 -
标签有语义：<br> 换行
标签有作用范围：<h1>中间就是标签的作用范围，由标签来控制，具有默认样式</h1>
标签可以修改内容样式：<xyz >000</xyz>
转义字符：由 &与;包裹，可以使10进制数字组合，也可以使特殊单词缩写组合
> => >
< => <
指令：<>包裹由!开头
文档类型指令：<!doctype html>
注释：<!-- 注释 -->
"""
标签
"""
单双标签之分：单标签无需内容，主功能，可以省略结束符/；双标签主内容，需要有作用域，必须明确结束标签<a></a>
常用标签：
h1~h6
p
b
i
a
img
ul>li
table>tr>th|td
form>input|button|textarea|select>option
span：无语义，同行显示（不带换行）
div：无语义，换行显示（自带换行）
"""
标签的嵌套规则(重点)
css三种引入
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>样式</title>
<style>
.dd {
200px;
height: 200px;
}
.d1 {
background-color: yellow;
}
.dd.d2 {
background-color: red;
}
.d2 {
background-color: brown;
}
</style>
<link rel="stylesheet" href="./css/4.样式.css">
</head>
<body>
基础选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基础选择器</title>
<style>