HTML一图流附文字

文本

1.概念：
	Hyper Text Markup Language  超文本标记语言
	超文本：
		用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
	标记语言：
		由标签构成的语言 <标签名称> 如html,xml
		标记语言不是编程语言
	html是最基础的网页开发语言
2.快速入门：
	语法：
		1.html文档后缀名  .html或者 .htm
		2.标签分为：
			1.围堵标签：有开始和结束标签
			2.自闭合标签：开始标签和结束标签在一起
		3.标签可以嵌套：
			不可以你中有我，我中有你
		4.在开始标签中可以定义属性。属性是由键值对构成，值需要用引号引起来
		5.html的标签不区分大小写，但是建议使用小写
		6.注释：<!-- 注释内容 -->
3.标签学习：
	1.文件标签：构成html最基本的标签
		html:html文档的跟标签
		head:头标签，指定文档的一些属性，引入外部的能量
		title:：标题标签，
		body:体标签
	2.文本标签
		<h1> to <h6>	定义 HTML 标题
		<p>	定义段落
		<br>	定义简单的折行
		<hr>	定义水平线
		<b>	定义粗体文本
		<i>	定义斜体文本
		<font>	定义大号文本。HTML5 中不支持。请使用 CSS 代替
	3.图片标签
		<img>	定义图像
			相对路径
			            以.开头的路径
			            ./代表当前目录
			            ../代表上一级目录
	3.列表标签
		<ul>	定义无序列表
		<ol>	定义有序列表
		<li>	定义列表的项目
	4.链接标签
		<a>	定义锚
			href="xxx"：指示链接的目标
			target：指定打开资源的方式
				_self：默认值，在当前页面打开
				_blank：在新的空白页面打开
	5.div和span标签
		div：每一个占满一整行。块级标签
		span：文本信息在一行展示，行内标签，块级标签
	6.语义化标签
		<header>	定义 section 或 page 的页眉
		<footer>	定义 section 或 page 的页脚
	7.表格标签
		<table>	定义表格
			width    宽度
			border    规定表格边框的宽度
			cellspacing	规定单元格之间的空白
			cellpadding	规定单元边沿与其内容之间的空白
			bgcolor    背景色
		<caption>	定义表格标题
		<th>	定义表格中的表头单元格
		<tr>	定义表格中的行
		<td>	定义表格中的单元
			colspan：合并列
			rowspan：合并行
		<thead>	定义表格中的表头内容
		<tbody>	定义表格中的主体内容
		<tfoot>	定义表格中的表注内容（脚注）
	8.表单标签
		概念：
			采集用户输入的数据，用于和服务器交互
		<form>      定义采集用户数据的范围
			action：规定当提交表单时向何处URL发送表单数据
			method：指定提交方式
				分类：（7种有2种常用的）
					get：
						1.请求参数会在地址栏中显示。会封装到请求行中
						2.请求参数的大小是有限制的
						3.不够安全
					post：
						1.请求参数不会在地址栏中显示。会封装在请求体中
						2.请求参数的大小没有限制
						3.较为安全
			表单项中的数据要想被提交：必须指定name属性
		表单项标签：
			<input>	定义输入控件
				type：改变元素展示的样式
					text：文本输入框（默认）
						placeholder：指定输入框的提示信息，得到焦点时自动清空
					password：密码输入框
					radio：单选框
						1.name一致视为一组单选按钮
						2.value用于区分选择的按钮
						3.checked默认选中
					checkbox：复选框
						1.name一致视为一组多选按钮
						2.value用于区分选择的按钮
						3.checked默认选中
					file：文件选择框
					hidden：隐藏域，用于提交信息
					submit：提交按钮
					button：普通按钮
					image：图片提交按钮
				<label>	定义 input 元素的标注
					一般来说，label的for属性会和input的id属性对应。
					如果点击了label区域，会让input输入框输入框获得焦点
			<select>      下拉列表
				子元素：option，指定列表项
					selected：默认选中
			<textarea>       文本域
				cols：指定默认列数，一行多少字数
				rows：指定默认行数
	HTML 标签参考手册