一、HTML
1.1 标题标签：h1-h6
1.2 段落标签：p
1.3 换行标签：br
1.4 图片标签：img
1.5 超链接：a
1.6 表格标签：table
1.7 表单标签：input
1.8 select 标签
1.9 textarea 标签
1.10 无语义标签：div&span
二、CSS
2.1 选择器
2.2 边框：border
2.3 padding&margin
总结
一、HTML
1.1 标题标签：h1-h6
有六个标签，从 h1-h6 (数字越大，字体越小)。
hello
hello
hello
hello
hello
hello
1.2 段落标签：p
p 标签表示一个段落。
段落1
段落2
段落3
1.3 换行标签：br
br 是 break 的缩写，表示换行。
是一个单标签。
br标签1
br标签2
br标签3
1.4 图片标签：img
img 标签必须带有 src 属性，表示图片的路径。
【img 标签属性】
width / height：控制图片宽度高度，一般设置一个就好，另一个会等比例缩放。
【src 路径】
1、相对路径：以 html 所在位置为基准，找到图片位置。
① 同级路径："moon.jpg"。
② 下一级路径："image/moon.jpg"。
③ 上一级路径："../iamge/moon.jpg"。
2、绝对路径：一个完整的磁盘路径，或网络路径。
1.5 超链接：a
【a 标签属性】
href：必须具备，表示点击后会跳转至哪个页面。
target：打开方式。默认是 _self，如果是 _blank 则用新标签页打开。
百度
【链接形式】
1、外部链接：href 引用其他网站的地址。
2、内部链接：网站内部之间的链接，写相对路径即可。
3、空链接：使用 # 在 href 中占位。
1.6 表格标签：table
table：表示整个表格。
tr：表示表格的一行。
td：表示一个单元格。
thead：表格的头部区域。
tbody：表格的主体区域。
table 包含 tr，tr 包含 td。
姓名
性别
年龄
张三
男
10
李四
女
11
【表格属性标签】
align：表格相对于周围元素的对齐方式。
border：表示边框。1 表示有边框 (数字越大，边框越粗)
cellpadding：内容距离边框的距离，默认 1 像素。
cellspacing：单元格之间的距离，默认为 2 像素。
width / height：设置尺寸。
1.7 表单标签：input
表单是让用户输入信息的重要途径，分为两个部分：
1、表单域：包含表单元素的区域。( form 标签 )
2、表单控件：输入框，提交按钮登。( input 标签 )
【input 标签】
type：控件种类，必须存在。
name：给 input 起名字，对于单选按钮，具有相同的 name 才能多选一。
value：input 中的默认值。
checked：默认被选中。(用于单选按钮和多选按钮)
【常用类型】
1、文本框
2、密码框
3、单选框
性别：
男
女
4、多选框
爱好:
吃饭
睡觉
打游戏
5、普通按钮
6、提交按钮
提交按钮必须放至 form 标签内，点击后就会尝试给服务器发送请求。
1.8 select 标签
下拉菜单，option 中定义 selected="selected" 表示默认选中。
北京
上海
1.9 textarea 标签
默认内容
1.10 无语义标签：div&span
用于网页布局的两个盒子：
1、div：独占一行，是一个大盒子。
2、span：不独占一行，是一个小盒子。
1
2
3
4
5
6
7
8
9
二、CSS
【引入方式案例】
1、在标签内使用 style 属性，属性值是 css 属性键值对：
<div style="color:red">红色</div>
2、定义
