HTML : HyperText Markup language 超文本标记语言
不是编程语言，是一种描述性的标记语言，用于描述超文本中的内容的显示方式，字体的颜色，大小等
HTML是最基础的网页语言
代码都是由标签组成的
执行顺序从上到下，从左到右
HTML的基本格式
<html>
<head>
存放属性，和辅助信息
引入外部的文件
head内的文件会最先加载
</head>
<body>
存放真正的数据
</body>
</html>
HTML的注意事项
1、多数标签都是由开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以在标签内结束
2、想要对标签修饰的内容进行丰富的操作，就需要用到标签中的属性，通过对属性的改变，增加更多的效果选择。
3、属性和属性值之间用= 号连接，属性值可以用单引号或者双引号，或者不用引号。
HTML的标签
排版标签
<br /> 换行标签
<hr /> 水平线
值：
color 颜色
两种写法
1、直接写颜色的英文单词
2、RGB三原色（red green blue）#ab1255
width 宽度
两种写法
1、像素 200px
2、写百分比
区别百分比会随浏览器的大小而改变，像素值不会
<!--注释内容--> 注释
<p> </p> 段落
段落标签的开始和结束位置会留一行空行
表示空格
<div></div> 在浏览器中声明区域 主要用于布局
<span></span>
在浏览器中声明一块区域，区域中放入其他（文字，子标签）
区别：div是块级元素 结尾默认带换行
span是行内元素 标签不会换行，多用于表单校验，和一些提示
字体的标签
<font> 字体内容</font> 字体标签
属性;
color: 颜色
color = "red"
size 字体大小
最大值：7 最小值：1
默认值：3
值的写法
size = "+2" :在默认值基础上+2
size = "5"
face 字体类型
face = "楷体"
<h1><h1/> 标题
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>
<b>文字内容</b> 粗体标签
<i>文字内容</i> 斜体标签
<b><i>文字内容</i></b> 标签可以嵌套
特殊字符
< <
> >
& &
滚动字幕
<marquee></marquee>
列表标签
数据格式化列表
自动对齐缩进
<dl>
<dt>上层项目</dt>
<dd>下层项目</dd>
<dd>下层项目</dd>
</dl>
有序列表和无序列表
有序列表
ol 的属性 type = "a"
可以使数字，字母，希腊数字，不写默认是数字
start = " " 开始值
<ol type = "a" start = "3">
<li>数据条目</li>
<li>数据条目</li>
<li>数据条目</li>
<li>数据条目</li>
</ol>
无序列表
ul的属性 type="circle"
可以设置圆形，方块，空心圆，空心方块
<ul>
<li>数据条目</li>
<li>数据条目</li>
<li>数据条目</li>
<li>数据条目</li>
</=ul>
图片标签
<img> 图片标签
属性:
src="图片地址"
width="图片的显示宽度"
height="图片显示的高度"
高度和宽度可以使像素也可以使百分比
alt="图片的说明文字"
<img src="/imgs/q.jpg" wdith="30%" height="20%" alt="我是图片">
图片嵌套滚动效果
<marquee>
<img src="/imgs/q.jpg" wdith="30%" height="20%" alt="我是图片">
</marquee>
图片的热点区域
对图片区域进行切分，在不同的区域插入超链接
超链接的标签
写法：<a></a>
作用
1、链接资源
必须指定属性：href ="链接地址" ‘#’表示当前页面,
网页地址需要协议（完整地址）
默认是file文件协议
如果浏览器可以解析文件，默认会打开文件
如果浏览器不能解析文件，默认会弹出下载窗口
支持自定义协议
比如thunder://.....
浏览器解析不了的协议，默认找操作系统的引用程序
<a href = "https://www.baidu.com">百度</a>
2、定位资源
name 定位锚点
<a name = "锚点名称" /> 用来定位不做任何显示
<a herf = "#锚点名称">文本内容</a> 创建超链接，返回锚点位置
表格标签
标题
表示行
获取单元格
获取单元格
table的属性
border 边框
bordercolor 边框颜色
width 宽度
height 高度
bgcolor 背景颜色
tr的属性
align：内容对齐方式
单元格td和th的区别
th：
th的文字默认居中
th的文字默认加粗
一般情况下用来做表头
td的属性
width 宽度
heigth 高度
合并单元格（要合并几个单元格，后面的值就写几，行和列的概念和正常概念是相反的）
行合并 rowspan = " "
列合并 colspan = " "
<table border = "1" width="50%" bgcolor = "gray" brodercolor="red" align="center">
<caption>用户列表</caption>
<tr align="center">
<th>编号</th>
<th>姓名</th>
<th>性别</th>
</tr>
<tr align="center">
<td>1</td>
<td>刘玉田</td>
<td>女</td>
</tr>
<tr align="center">
<td>2</td>
<td>赵四</td>
<td>男</td>
</tr>
<tr align="center">
<td colspan="3">总共2人</td>
</tr>
</table>
表单标签
作用：收集用户数据
<form> 用户要输入的内容 </form> 表单标签
<input type = "类型" /> 采集用户输入的内容（内部闭合）
属性
type = "text" 文本框
type = "password" 密码框
在密码框和文本框 指定name属性，方便后台获取数据
指定value属性，设置默认值的内容（看情况添加）
<input type = "text" name = "名称（必须要指定）" value = "值的内容">
---------------------------------------------------------
type = "raido" 单选框 name = ""属性标记同一组选项
<input type = "raido" name = "sex">
<input type = "raido" name = "sex">
设置默认值：checked = "checked" 或者true 默认被选中
<input type = "raido" name = "sex" checked = "checked" />
----------------------------------------------------------
type = "checkbox" 多选按钮
设置默认值：checked = "checked" 或者true 默认被选中
type = "reset" 重置按钮 （恢复默认值）
type = "submit" 提交按钮 （提交表单信息）
----------------------------------------------------------
*在普通文本框上添加name属性后 地址栏发生的变化 会根据相应的name属性=输入的或者默认的value信息
username=aaa&passsword=1234567&sex=0&mz=xiaoze&mz=boduo
-----------------------------------------------------------
type = "file" 选择上传文件
name属性指定
type = "hidden" 隐藏组件
<input type="hidden" name="userID" values="001"/><br />
用于接收一些后台数据
-----------------------------------------------------------
type = "button" 按钮
指定value属性显示按钮上的文字
和js（javaScript）配合使用绑定事件
-----------------------------------------------------------
type = "imags" src="图片地址"
导入一张图片，将图片设置为提交按钮
-----------------------------------------------------------
<select></select> 下拉选单
name指定属性
<option></option> 选项内容
value 指定属性 方便后台接收
selected = "selected" 设置默认值
-----------------------------------------------------------
选择佳丽<select name="jiali">
<option value ="qxz">---请选择---</option>
<option value ="xl" selected = "selected">小丽</option>
<option value ="xm">小美</option>
<option value ="ax">阿香</option>
<option value ="ly">刘英</option>
</select>
<textarea>文本域
name指定属性
rows="行"
cols="列"
表单的属性
<form action="表单的提交路径">
表单的提交路径，一般为后台地址，也可以使一个html页面
------------------------------------------------
<form method = "提交方式">
表单的提交方式（默认采用get方式）
主要有post和get
post和get的区别
get方式会把参数列表显示在地址栏上，post不会
get的安全级别低，post安全级别高
get方式不支持大数据，post方式支持大数据。
框架标签
对网页进行布局
不能写在<body>标签内
<frameset rows="150,*"> 代表把页面分成上下两个部分上半部分高度150
<frame> 代表上半部分
<frame>代表下半部分
</frameset>
html5之后不推荐使用