1.HTML概述
HTML是用来制作网页的
html : herp文本标记语言超文本标记语言
超文本：超：超链接包含超链接的文本
标记语言：
标记：标签
语言：制作网页的语言
一个网页由多个标签组成
2 .语法介绍
html由浏览器分析，因此不需要安装编译环境
Html文档的基本结构：
声明文档
是网页中最大的标签，所有内容都写在这个标签上
head头主要用于写网页，通常用于写不直接显示的内容
包含以下内容：
字符编码设置
网页标题
导入外部的css文件
部署外部JavaScript文件
Body: body本身，网页本身的部分网页，如果是向用户显示的内容，请写在这个标签上
头和主体都是html的子选项卡
Html标签书写方式分类：
双标签：标签名称/内容结束标签
单标签：一般是写的
Html标签属性：
键值对key=”value "
的值必须用双引号括起来
*注意： **
注意不要忘记关闭双标签，因为Html不会报告错误
Html标记是不区分大小写的规范，必须全部使用小写字母
3.html使用标签及相关属性
1.h1-h6标题标签
双标签具有默认的样式字体，当变粗或变黑时会自动换行
br单标签强制换行
如果使用html在普通文本中添加换行符或空格，则页面上只能解析为一个空格
一般来说，h1只使用一次h2-h6，所以可以再利用
一级标题
二级标题
三级标题
四级头衔
五级标题
六级头衔
2.p段落标记
双标签具有默认样式，并且会自动换行
3 .一般实体字符转义字符：
空间
大于于号
小于号
版权标志，标志
4.i标签b标签em标签strong标签u标签
I标签的简单字体斜体
em也是斜体，但表示它将具有突出意义地被搜索引擎突出使用
B加粗
加粗strong有强调的意义
底线得分
以上都是双标签
5.br hr
都是单标签
br强制换行
br单标签强制换行
如果使用html在普通文本中添加换行符或空格，则页面上只能解析为一个空格
地平线号
6.img图像标签
单标签
属性：
src图像地址
title标题鼠标移动时提示的提示
导入图像失败时alt的替代内容
可以使用网络图像或本地图像
正在使用本地图像资源
相对路径：相对于当前文件搜索指定的资源
. /表示当前路径
/表示高级别路径
windows根目录通常为驱动器号：
加载图像时在驱动器号之前/
Linux下的根目录用/表示
绝对路径：在根目录中查找指定的资源，而不管当前文件的位置如何
建议使用相对路径
7 .清单标签
无序列表
ul:声明无序列表
li:列表项目
type:默认盘圆
square框
circle空心圆
例如
列表项目前面是空心圆
ul的直接子元素必须是li
有序列表
ol:声明规则列表
li:列表项目
类型：
1默认为数字
a表示小写字母
a是大写的
I小写罗马数字
I大写的罗马数字
start:指定只能从第几个开始写数字
例如：
从小写的第二个b开始
自定义列表
dl:声明自定义列表
dt:列表的标题
dd:列表描述项
8.a标签超链接
超连接a双标签
页面跳转
href:跳跃的地址
如果在不提供值的情况下跳转到当前页面
target:_blank打开新窗口并加载跳转的页面
例：打开新窗口跳到百度
我要跳百度
锚点：跳转到当前页面上的指定位置
>给指定标签添加id属性
a标签的href属性的值为#指定元素id属性的值
跳转到 本地html文件的指定位置
例子：
跳转到五楼
五楼
a标签的href属性的值为指定页面中标签的id的值
9.表格标签
其中有关标签和属性介绍：
table: 声明一个表格
border: 边框
cellspacing: 设置表格和表格之间的间距
cellpadding: 设置表格中内容距离当前表格边框之间的间距
tr: 声明一个行
td/th: 声明一个列
水平对齐方式：align **
align:默认靠左对其 left
center 居中
right 靠右对齐
如果给tr设置 设置当前行的所有
如果给td/th 设置当前一列
valign: 默认垂直居中 **
top:靠上对其
bottom:靠下对其
qrdyt合并： **
跨行合并
rowspan: 设置当前列 占几个行的高度
跨列合并
colspan: 设置当前列占 几个列的宽度
10.form ：声明一个表单域
**表单有关属性：**
action:提交地址 如果不写，提交到当前页面
method: 指定提交数据的方式
get: 默认是get提交
将数据明文显示在地址栏 相对不太安全
数据大小受浏览器限制
post:
不会将数据明文显示在地址栏 相对安全
理论上数据大小不受限制表单的数据是要提交给后台，提交数据的格式一般是键值对
Uname=用户在用户名框输入的内容 所以表单控件除了按钮都要加name属性
表单控件的属性：
name: 必须添加 座位提交数据的key
value: 代表值
type: 指定你的控件类型
text 普通文本输入框
password 密码输入框
radio 单选框 默认选择加checked
同一组单选框的name属性的值必须相同
必须设置默认值 value属性
checkbox: 多选框 默认选择加checked
同一组多选框的name属性的值必须相同
必须设置默认值 value属性
select>option: 下拉选框 option 选项 默认选择加selected
select 必须添加name属性
option 必须设置value
textarea:
文本域/多行文本输入框 双标签
hidden: 隐藏域
有些时候有些数据不希望用户看到和修改所以可以使用隐藏域
提交按钮： type="submit"
按钮
单纯的按钮：
在form 表单域中 type="button" 只是单纯的按钮 没有提交意义
checked 设置单选框和多选框的默认选中状态
selected 设置下拉选框的默认选中状态 给option设置
disabled 禁用
type="reset" 重置按钮
type="image" 图片按钮
注意：按照标签效果分类：
块标签：
独占一行 宽度默认是父元素的100% 默认高度由内容决定
支持所有的样式
h1-h6 p ul li ol dl dt dd table tr hr
行标签：
不会独占一行 元素排在一行显示 默认宽度是0 高度由内容决定不支持宽高属性和margin的上下属性
I b u em strong a span
行内块：
不会独占一行 支持所有的样式 默认宽度0 默认高度由内容决定
Img input
没有默认样式的块标签和行标签
div 块标签 没有默认样式 一般配合css做网页的布局
Span 行内标签，没有默认样式 一般也是配合css去使用
type 类型改为file 上传头像
上传头像：
用户名：
效果显示如下：(用户名的input内有虚的请输入用户名)
注意：
在表格里面
tbody 代表表格内容部分
tfoot 代表表格尾部
thead 代表表格头部
都是双标签，而且就算在html文件中三者位置前面随意，依然有着上述固定格式