初始网页基本信息的组成
首先，我们来理解一下一个网页的基本组成
代码如下：
一个网页是有许许多多的标签对组成的，即开始标签-结束标签，都是成对出现（当然我们后面会说的还存在单标签，表示自闭合标签，例如：<br />）
对上述的标签先来解释一下
html------------超文本标记语言，浏览器识别的语言，主要负责页面的内容和结构
定义文档类型
lang=ZH-CN 中文简体语言 cmn中文，yue粤语，ZH-cmn-Hans
网页标签 头部信息 网页标题标签 编码,大部分采用UTF-8编码格式，极个别使用gbk编码（不推荐） 主体内容部分
单行注释快捷键Ctrl+/
多行注释快捷键Ctrl+Shift+/
内容标题
段落
图片标签
列表
列表：有序列表和无序列表、自定义列表
有序列表：ul、li
无序列表：ol、li
自定义列表：dl、dt、dd
块级与行级标签
块级标签：div
行内标签：span
绝对位置与相对位置
绝对位置：精确的位置，能独一无二的定位到具体的某个网络位置
相对位置：当前位置相对于目标位置
输入标签
type:
1.文本类型text
2.密码password
3.按钮类型button
4.提交类型submit
placeholder标签表示在文本框中显示默认文字
action中的请求方法：get、post
get和post小结：
1，GET会将用户输入的内容放到地址栏里面，使用GET请求不安全
2，POST不会将用户输入的内容放到地址栏里面，相对安全
action：表示当前表单中的内容提交给哪个页面进行处理
method:表示当前表单提交的方式，常见的有get和post方式，默认是get提交
单选框和复选框
radio、checkbox
两个类型中的name值要保持一致，value输入显示的内容
1，每一个input标签都有一个value属性，不同类型的input， value的作用也不同
对于type=”text”来说，value可有可无，因为用户输入的内容都可以提交过去。
对于type=”radio”或type=”checkbox”来说，没有value，是提交不了的。
2，对于type=”radio”来说，如果你只想选择一个，需要给每个input添加一个name属性，属性值也必须一致，如果不添加，就不能满足单选框的需求。
例如：
块级标签与行级标签的理解
块级标签
1.只有块级标签才能定义属性，例如：宽、高、位置等
2.块级标签独占一行，对宽高的属性生效，如果不给宽高，浏览器默认会给宽高属性，即100%宽高
常用的块级标签：p、ul、li、h1-h6、dl、dt、dd、ol、div等
行级标签
1.可以多个标签存在一行，对宽高属性值不生效，完全有自身内容撑开宽高
常用的行级标签：span、font、input、b、em、a、img、u、i、strong等。其中input与img为行内块级标签
行内块级标签
1.不仅对宽高生效，而且还可以多个标签存在一行
块级标签、行级标签、行内块级标签转换
块级标签转换为行级标签—display:inline
行级标签转换为块级标签—display:block
块级、行级标签转换为行内块级标签—display:inline-block
表格标签
table标签使用
定义表的范围
表格样式：style=“border-collapse:collapse” 表格折叠
整个表格的标题：
1.在表格中，有多少行就有多少个tr（table row）表行
2.在表格中，有多少列就有多少个td（table data cell）表中的数据单元
tr定义单元行
td定义单元格子
thead定义表格标题
tbody定义表格主要内容
tfoot定义表格尾部
cellspacing 表格里单元格的距离
rowpadding表格里单元格里与内容的距离，四边
colspan跨列
rowspan跨行
范例：
视频与音频
视频标签属性：muted autoplay controls loop src source type
muted表示逻辑属性，规定了视频的音频输出应该被静音
autoplay表示自动播放
controls表示显示控制视频播放的相关控件，可以拖放进度，调节音量，放大等等操作
loop表示循环播放
src表示视频的路径
source表示video的子标签
type 表示MIME类型（多用途互联网邮件扩展类型）
内嵌框架标签
iframe属性：frameborder表示框架的边框大小
范例：
