# 用到的html的标签
## （1）meta标签
主要用于设置页面的编码格式
常用的编码格式：
utf-8:国际编码 只要设置了该编码格式，页面中出现的文字只要是国际语言都能够被正确的解析
GB2312：大陆编码（简体）
big5:台湾编码（繁体）
GBK:中文编码,主要用于设置中文编码
## （2）title标签
用于给网页设置标题信息
<title>标题内容</title>
## （3）h类标签
h标签主要用于给网页内容设置标题信息
语法结构：<hn>标题内容</hn> n取值 1-6 表示不同级别的标题
<h1>软微欢迎您</h1>
<h2>html的学习</h2>
<h3>html的学习</h3>
<h4>html的学习</h4>
<h5>html的学习</h5>
<h6>html的学习</h6>
## （4）p标签
p标签是段落标签
语法结构：<p>段落的内容</p>
## （5）strong标签
用于对文本进行加粗操作
语法结构：<strong>需要加粗的内容</strong>
## （6）em标签
用于对文本进行倾斜操作
语法结构：<em>需要倾斜的内容</em>
## （7）特殊符号
空格的表示方式：
表示的是键盘上空格符的宽度
  表示的是一个中文字符的宽度（会受字体的影响）
  表示的是半个中文字符的宽度
## （8）br标签
br是用于强制换行
语法结构：<br /> 或者<br>
## （9）hr标签
hr是用于设置横线的标签
语法结构：<hr />
属性：用于对标签进行修饰
属性的表示方式 ：<标签名属性名1=“属性值” 属性名2=”属性值”……>
注意：属性也是在尖括号内，多个属性之间用空格分割开
<hr color="#FF0000"width="400"/>
hr的属性：
color：用于设置横线的颜色
width：用于设置横线的宽度
align:用于设置横线的位置 取值：left（靠左）、center（居中，默认取值）、right(靠右) 该属性可以作用于其它标签
size：用于设置横线的高度
注意：在HTML页面中，设置有长度单位的时候，可以不用加单位，默认单位是px
## （10）img标签
img标签用于引入图片的标签
<img src=“图片的路径”/>
img标签的属性：<br/>
src:该属性用于引入图片的路径 必须
width：用于设置图片的宽度 如果只设置宽度，高度会随宽度的变化等比例变化
height：用于设置图片的高度 如果只设置高度，宽度会随高度的变化等比例变化
title：用于设置图片的标题信息
alt:用于设置图片未正常加载时的提示信息
## （11）无序列表
语法结构：
<ul>
<li></li>
<li></li>
……
</ul>
ul标签的属性
type:改变ul前的标记样式
取值： disc:实心圆标记 默认取值
circle：空心圆标记
square：实心方块标记
none：没有标记 不能被IE浏览器识别
## （12）有序列表
语法结构：
<ol>
<li></li>
<li></li>
……
</ol>
ol的属性：
type:用于设置有序的排列类型
1(默认)/a/A/i/I
start:用于设置有序从第几项开始进行排序 取值只能是数字
## （13）dl标签
dl是自定义列表标签
语法结构：
<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
dt是自定义列表的标题
dd是dt的描述或者解释说明
## （14）a标签
a标签是超链接标签，用于给标记添加超链接
语法结构：<a href=”链接路径”>标记</a>
属性：
href:设置超链接的链接路径 必须
target：用于设置超链接打开的位置
_self:在本窗口打开超链接（默认）
_blank:在新的窗口打开超链接
_new:也表示在新的窗口打开超链接
## （15）table标签
table标签是表格标签
语法结构：
<table>
<tr><td></td><td></td>……</tr>
<tr><td></td><td></td>……</tr>
……
</table>
table的属性：
width：用于固定表格的宽度 单位是px
border:用于设置表格的边框 单位是px0表示没有边框 默认
height:用于固定表格的高度
align：设置表格的水平位置 left、center、right
bgcolor:用于设置整个表格的背景颜色
background：可用于将图片设置为整个表格的背景
bordercolor:设置表格边框的颜色
cellspacing:用于设置表格的边框与边框之间的距离
cellpadding:用于设置表格的内容与边框之间的距离
tr的属性：
bgcolor:设置行的背景颜色
background：可将图片设置为行的背景
align:left/center/right 主要作用整行的内容的水平位置
height：设置行的高度 行不能设置宽度
td的属性：
bgcolor:设置单元格的背景颜色
background：将图片设置为单元格的背景
align:left/center/right 主要作用单元格的内容的水平位置
width：用于设置单元格所在列的宽度
height：作用于单元格所在行的高度
th标签：用于设置表格的标题的标签，替换td的位置，该标签会使内容自动居中，且有加粗效果
单元格的合并，涉及的属性都是td的属性
列合并：colspan
例子： colspan = “n” n是该单元格所占的列数
<td colspan="2">描述信息</td>
如上：该单元格占两列的位置
行合并：rowspan
例子： rowspan = “n”n表示该单元格所占的行数
<td rowspan="2">大众</td>
如上:该单元占两行的位置
## （16）input标签
语法结构：<inputtype=””/>
input的属性：
type取值：
text:用于设置文本框（默认）
password：设置密码输入框
radio：设置单选按钮，注意：如果要实现单选效果，需要和name属性联用，name的值相等才能实现单选效果
checkbox：用于设置复选框 也需要设置name属性的相等，表明是同一组数据
file:用于设置文件上传
submit：设置提交按钮
reset:设置重置按钮
以上两个按钮必须配合form标签使用
<form action=”目标地址”>
input的内容
</form>
button:自定义按钮 配合js使用
value属性用于设置input的默认值
name属性用于设置input的名称
size：一般用于输入框，用于设置输入的宽度
checked:一般用于单选或者多选，表示设置默认选中项
## （17）select标签
select标签是下拉列表标签
语法结构：
<select>
<option></option>
<option></option>
……
</select>
option的属性：selected用于设置默认选中项
## （18）textarea标签
textarea是文本域标签，可以进行多行文本输入
语法结构：
<textarea></textarea>
属性值：
cols:设置文本域的一行可输入的字符数量（改变宽度）
rows:设置文本域可见的区域行数（改变高度）
readonly：设置文本域只读
