HTML学习（二）

HTML学习

七、标签（重要）

1.body ：默认margin 8px
2.div:块,无意义标签，用于布局
  span:行,无意义标签，用于布局
3. p：段落标签16px
   pre：段落标签，保留用户所输入的格式
4.br:换行标签
  hr：水平线
	size:设置水平线高度
	width:水平线的宽度
	align:水平线的位置
		left
		center
		right
5.sub:下标
  sup:上标
6.h1-h6:标题标签
7.img：图片
	alt：替换图片的内容
	src：引入图片地址
	width：设置图片宽度px
	height：设置图片高度px
8.a:超链接
	href:
		设置链接地址
		1）.url
			相对路径
			绝对路径
		2).锚点
		    通过id属性设置锚点位置
		    #锚点位置
		3).邮件
			matilo:邮箱地址
	target:
		设置打开窗口方式
		_blank:打开新界面
	    _self:在当前页面中打开
	    _top:在顶级框架中打开
	    _parent:在父框架中打开

9.table:表格
	
	子元素：
		 caption:设置表格标题
	      thead:设置表格头部
	      tbody:设置表格体部
	      tfoot:设置表格脚步
		       tr:一行
		             td/th:一个单元格
		                td/th的属性:
			             colspan 跨列合并
			             rowspan 跨行合并
			             width:宽度
		 colgroup:
			写在所有tr之上
			col:标识列
				span:number
	table的私有属性：
		       bgcolor:
		       width:
	   	       cellspacing
		       cellpadding
		       align
		       border
		       
		   
10.列表标签：
	ul:无序列表
		li：子标签

	ol:有序列表
		私有属性：
			start:number
			reversed:布尔属性
		子标签：li
		默认序号从1开始
	dl：标题列表
		dt:标题标签
		dd：列表项

11.form：
	表单
	客户端和服务器端发生数据交互时，需要使用表单
	私有属性：
		action：设置表单提交地址
		target：_self
					_blank
		method：设置表单提交的方式
			post：
				1.将数据封装在请求体中
				2.安全性较高
				3.提交重量级数据
			get：默认
				1.将数据拼接到浏览器地址栏上
				2.安全性较低
				3.提交轻量级数据
		 enctype:设置表单提交的编码格式
	 子组件：
		input:
			私有属性：
				type:
					text:单行文本框
					password：密码框
					submit:提交按钮
					reset：重置按钮
					image：图片按钮
					radio：单选框
					checkbox：多选框
					button：普通按钮
					hidden：隐藏域
					file：文件上传按钮
				value:
					1.写在按钮上，代表修改按钮名称
					2.写在输入框上，代表输入框的默认值
					3.写在单选/多选框上，代表交互数据的value


				name:
					设置前后台交互数据的key值
				src:
					type=image
				    alt:
				    width
				    height:
				checked：布尔值，默认选中
					针对单选框和多选框
				size:设置文本框的宽度
					  默认宽度20
				maxlength:文本框的最大输入字符长度
				readonly：只读，布尔属性
				disabled:布尔属性，禁用组件

				autofocus:自动聚焦，布尔属性
				placeholder：提示用户输入
				required：布尔属性，必填项

		label:
			关联文件和组件

		fieldset:
			legend:设置区域标题

		button：
			按钮
			type:
				submit
				reset
				button
			如果button写在form标签内，type默认为submit
			如果button写在form标签外，type默认为button

		select：
			下拉框
			私有属性：
				size：设置每次展示的项数
				multiple：布尔属性，是否可以多选
				disabled：
				name
			子组件：
				option：选项
					disabled：
					selected：布尔属性，默认选中项

				optgroup：
					分组option
						label属性：设置分组标题
		textarea：
			多行文本输入框
			cols
			rows
			wrap：
				off
				hard
				soft
12.强调标签：
	em
	i
	strong
	b
	del
	u
	...

补充：
1.绝对路径与相对路径：

举两个最为常见的绝对路径的例子：

（1）.完整的URI地址：

http://www.softdewhy.com/antzone.jpg。

DNS服务器能够将网址解析到服务器硬盘下antzone.jpg图片文件。

（2）.完整盘符：

D:\mayi\web\images\antzone.jpg。

图片的存储位置得到了完整描述，非常明确。

相对路径：

(…/)当前文件夹上一级
./ 表示当前文件夹

2.标签和元素的区别：
HTML标签是超文本标记语言的最基本单位
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

1)组成块级元素的标签：

div:块，无意义
p:段落标签
h1-h6:标题标签
ul、ol、dl、li、dt、dd
H5新增结构化标签 header、article、section、footer、nav、aside、footer、 hgroup 、 figure 、 figcaption 、

2)组成行内元素的标签：
无意义的行内元素 span
超链接 a
图片 img
装饰类 b、strong、i、em、sub、sup、del …