HTML

一、HTML
html：超文本标记语言
超文本：图片、超链接、视频。
标记：用来描述网页的语言。
分类：
1、单标记
语法结构 ：<标记名称/>
2、双标记
语法结构：<标记名称></标记名称>
/代表结束符
增加属性：
<标记名称 属性名=“属性值”/>
<标记名称 属性名=“属性值” 属性名=“属性值” ></标记名称>
注意：
1.标记名称和属性名小写
2.属性间无顺序
3.标记名和属性之间、属性和属性之间都是空格间隔

HEML的基础框架：

关于对文件进行操作：

1.对文本进行加粗操作:  <b></b>  <strong></strong>
2.对文本进行倾斜操作：<i></i>  <em></em>
3.加修饰文本：<span></span>
4.水平线：<hr/>  单标   
5.属性：width:宽度   属性值：像素，百分比
	 align:水平位置  属性值：right  lift  center(默认中间)
	 size:线的高度 属性值：单位
	 color：颜色
6.十六进制的颜色值：
		白色：#ffffff
		黑色：#000000
		红色：#ff0000
		绿色：#00ff00
		蓝色：#0000ff
		灰色：#cccccc  #333333  #666666  #999999   数字大颜色浅，c最浅。
7.实体标签：
	（1）小于号  &lt
	（2）大于号  &gt
	（3）空格   &nbsp
	（4）商标   &reg
	（5）版权   &copy
8.列表：
	（1）无语列表
		语法结构：
		<ul>
			<li></li>
		</ul>
		type:属性值：disc（实心圆）、square（实心方块）、circle（实心圆）默认实心圆
	（2）有序列表
		语法结构：
		<ol>
			<li></li>
		</ol>
		type类型：“a”,“A”,“i”
	（3）定义列表
		语法结构：
		<dl>
			<dt></dt>列表标题
			<dd></dd>列表内容
		</dl>
9、超链接标签
	作用：用于网页和网页间的连接
	标记：<a></a>
	属性：地址：href 属性值：绝对地址（外网地址）和相对地址（内网地址）
		 title：鼠标悬停后所显示的信息
	打开方式：target属性值：_blank 从新的窗口打开   _self从当前的窗口打开
	1、文件和被连接文件同级 <a href="被链接文件名"></a>
    2、被连接文件放到了文件夹，文件夹和文件同级 <a href="文件夹/被连接文件名"></a>
    3、文件夹内的文件访问文件夹的文件 <a href="../文件名"></a>
10、图片标签： 
 	标签:<img/>
	属性：
	1、地址  src  属性值：绝对地址、相对地址
	2、鼠标悬停到超链接时的文字提示 title 属性值：文本
	3、宽度 width 属性值：像素
	4、高度 height 属性值：像素
	5、错误提示作用 alt 属性值：文本
11、锚点：
	先设置锚点：<a name="锚点名"></a>
	找到锚点： <a href="#锚点名">内容</a>
12、修饰文字标签：
	标签：<font></font>
	属性：color 文件颜色 属性值：颜色值
     	 face 文字字体 属性值：字体(系统自带)
      	 size 文字大小 属性值：1-7 文字越来越大
13、段落标签
    段落标题 hx标签  x区间1-6
    文字越来越小 默认加粗
    <h1></h1>
    ......
    <h6></h6>
    段落内容 p标签 <p></p>  
    属性：align 属性值：left、center、right 默认左侧对齐 
 14、 表单标签 form
	 属性：
	  1、action 提交地址
	  2、method 提交方式 属性值：get(默认)、post
	  3、enctype 属性值：multipart/form-data  专门用来上传文件的
	           地址栏传参：文件名.html?参名=参值&参名=参值

	  GET和POST之间的区别：
	  1、GET会将参数暴露在地址栏中 安全性较低，POST隐藏参数 安全性高
	  2、GET传递数据量在2K左右,post数据量无上限

	  一般情况下页面和页面之间传递参数的时候用get
	  表单提交数据的时候用post

15、表单元素：
	（1）单行文本框
		语法结构： <input/>
		属性：
			type 属性值：text
			name 属性值：名称
			id   属性值：名称
			readonly 只读属性 属性值：readonly
			maxlength 最大长度 属性值：数
			size 宽度 属性值：数
			value 默认值 属性值：文本
			placeHolder 既有提示作用 又不用删掉重写
			disabled 不可用 属性值：disabled
	（2）多行文本框
		语法结构：<textarea></textarea>
					name 属性值：名称
					cols 宽度 属性值：数
					rows 高度 属性值：数
	（3）密码文本框
		语法结构:<input/>
		属性：
			type 属性值：password
			value 默认值 属性值：文本
			size 框的宽度 属性值：数
			name 属性值：名称
	（4）单选按钮
		语法结构：<input/>
		属性：
			type 属性值：radio
			value 默认值 属性值：文本
			checked 默认选中 属性值：checked
	（5）复选框
		语法结构：<input/>
		属性：
			type 属性值：checkbox
			value 提交值 属性值：文本
			checked 默认选中 属性值：checked
			name 属性值：名称   后期做数据提交 会将name名称设置一致并且转换成数组类型下拉列										表
		语法结构：
			<select>
				<option></option>
			</select>
		option 
		属性： selected 默认选中 属性值：selected
			   value 下拉项的值
	    select
	    属性：name 名称

	（6）上传文件域
		作用：用来进行文件上传
		语法结构：<input/>
		属性：
			type 属性值：file
			name 属性值：名称
		切记：没有value
	（7）隐藏域
		用于页面和页面之间的传值
		语法结构：<input/>
		属性：
			type 属性值：hidden
			name 属性值：名称
			value 提交值
	（8）按钮
		(1) 普通按钮
			语法结构：<input/>
			属性：
				type 属性值：button
				value 按钮的显示文本
			 作用：和JS之间做事件连接使用
		(2) 提交按钮
			语法结构：<input/>
			属性：
				type 属性值：submit
				value 按钮的显示文本
		(3) 重置按钮 
			将表单值还原到初始状态
			语法结构：<input/>
			属性：
				type 属性值：reset
				value 按钮的显示文本
		(4) 图片按钮
			语法结构：<input/>
			属性：
				type 属性值：image
				src 图片地址 属性值：地址
16、表格: 
语法结构：<table></table>
	属性：
	1、宽度 width 属性值：像素、百分比
	2、高度 height 属性值：像素  一般来讲表格的高度会根据其内容的高度自动撑开
	3、边框 border 属性值：数
	4、cellspacing 单元格与单元格之间的间距 属性值：数
	5、cellpadding 单元格与其内部边框之间的间距  属性值：数
	6、bgcolor 背景颜色 属性值：颜色值
	7、align 水平位置 属性值：left、center、right
    
17、行：
语法结构：<tr></tr>
	属性：
	1、宽度 width 属性值：像素、百分比
	2、高度 height 属性值：像素  一般来讲表格的高度会根据其内容的高度自动撑开
	3、bgcolor 背景颜色 属性值：颜色值
	4、align 水平位置 属性值：left、center、right
18、列(单元格)
表格：<td></td>
	属性：
	1、宽度 width 属性值：像素、百分比
	2、高度 height 属性值：像素  一般来讲表格的高度会根据其内容的高度自动撑开
	3、bgcolor 背景颜色 属性值：颜色值
	4、align 水平位置 属性值：left、center、right
	5、colspan  合并当前行的单元格  属性值：数
	6、rowspan 跨行合并单元格 属性值：数
19、表头：
语法结构：<th></th>
特性：文字自动加粗且自动居中
		<table>
			<tr>
				<th></th>
			</tr>
		</table>
20、表格的标题：
语法结构：<caption></caption>
属性：align 属性值：top(默认)、bottom(底部)
		<table>
		    <caption></caption>
			<tr>
				<th></th>
			</tr>
		</table>
21、区分区域
	表格的head：<thead></thead>
	表格的body:   <tbody></tbody>
	表格的foot： <tfoot></tfoot>