HTML:
文字、图片、视频组成
由标签组成的语言

行内标签span//无语意
<img src="url">//图片
<a herf="url" target="是否开新页面">点击谁</a>//超链接
<video src="url" controls></video>//controls播放控件
<audio src="url" controls></audio>
<br>//换行
<b></b>//加粗
<strong></strong>//加粗并强调
&nbsp//空格

<table border="" width="" cellspacing=""></table>
//表格border边框宽度width表格宽度cellspacing单元格之间空间
<tr></tr>//行
<td></td>//一个单元格
<th></th>//表头单元格

<form></form>//表单
action:数据接收者url 
method:发送表单的方式
get(默认选项):在url后面添加数据，有大小限制
post:在请求体中、参数无大小限制
<input>//输入框
<select></select>//选择下拉列表
<textarea></textarea>//定义文本区域

感觉文字用标签很大用处是为了实现样式

CSS:网页样式
行内样式：
格式：

<h1 style="xxx:xxx;xxx:xxx">hello</h1>

内嵌样式：
在任何位置，通常约定在head标签内

<style>
h1{
	xxx:xxx;
	xxx:xxx;
}
<style>

外联样式：
直接定义在.css文件中
使用：

<link rel="stylesheet" href="css文件路径">

选择器：
元素选择器 ：标签
id选择器：#id值
类选择器：.class属性值（可重复）

优先级：id>class>标签

整体布局：盒子模型
组成：
内容区域：content
内边距区域：Padding
边框区域：border
外边距区域：margin

通过：
div、span实现
都是无语意标签

div特点：
默认占一行
宽度为父元素宽度、高度由内容决定
可以设置宽高

span特点：
一行显示多个
高度、宽度由内容决定
不可设置宽高