HTML总结

HTML特殊字符的替代码：

特殊字符	描述	字符的代码
	空格符	 
<	小于号	&lt;
>	大于号	&gt;
&	和号	&amp;
￥	人民币	&yen;
©	版权	&copy;
®	注册商标	&reg;
℃	摄氏度	&deg;
±	正负号	&plusmn;
×	乘号	&times;
÷	除号	&divide;
²	平方2（上标2）	&sup2;
³	立方3（上标3）	&sup3;

基本标签：

各种不同的标签	描述
<h1>~<h6>	定义标题
<p>	定义段落
<div>	定义文档中的节，一般用于页面布局
<span>	与 <div> 基本类似，该元素定义的内容默认不会自动换行；但是可以指定和 <div> 拥有相同的属性。
<strong>	定义重点文本
<em>	定义需要强调的文本
<i>	定义文本为斜体
<br>	换行
<hr>	水平线

元素分类：

1、块级元素

一般用来搭建网站架构、布局、承载内容……它包括一下这些标签：
address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

块级元素的特点：

1. 总是从新行开始
2. 高度，行高、外边距以及内边距都可以控制
3. 宽度默认是容器的 100%
4. 可以容纳内联元素和其他块元素

2、内嵌元素

一般用在网站内容之中的某些细节或部位，用以“强调、区分样式、上标、下标、锚点”等等，下面这些标签都属于内嵌元素：
abbr、acronym、b、bdo、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、strong、sub、sup、textarea、tt、u、var

行内元素的特点：

1. 和相邻行内元素在一行上
2. 高、快无效，但水平方向上的 padding 和 margin 可以设置，垂直方向的无效。
3. 默认宽度就是它本身内容的宽度
4. 行内元素只能容纳文本或其他行内元素（a 特殊）

标签

<a> 标签

<a>标签不能继承：

<a href="sin.html" title="新浪" target="_blank"> 百度一下 </a>

title ： 当鼠标放到超链接上显示的文字
target=”_self” ： 默认值 网页在当前页面打开
target=”_blank” ： 网页在新网页中打开
href： 显示超链接地址， http://baidu.com

<img>图片标签：

图片标签： <img src="" alt="" title="" width="" height="">
src : 图片路径来源
alt : 图片出错时或者找不到时候用文字代替
title : 鼠标移入图片上的时候显示文字提示
width： 设置图片的宽度属性值为百分比或像素值
height : 设置图片的高度属性值为百分比或像素值

列表

有序列表 : ol 嵌套 li ；
无序列表 : ul 嵌套 li ；
列表图像标志 : list-style-image 属性可以将图像用做列表标志。
例如：ul {list-style-image: url(img/arr.png);}
标志位置 : list-style-position属性指定标志相对于 li 元素内容框的位置。
定义列表，dl 嵌套 dt(术语)/dd（内容）

属性名	list-style-position
属性值	inside / outside / inherit
默认值	none
应用于	elements with 'display: list-item'
能否被继承	Y
描述	设置列表标志的位置

outside ：列表项目标记放置在文本以外，且环绕文本不根据标记对齐（标志位与内容框外部）；
inside ： 列表项目标记放置在文本以内，且环绕文本根据标记对齐（标志位于内容框内部）。

表格

• < table>< </table>：用于定义一个表格。表格标题用<caption> </caption>
• <tr>< </tr>： 用于定义表格中的一行，必须嵌套在 <table> </table>标签中，在 <table> </table>中包含几对 <tr> </tr>，就有几行表格。
• <td> </td>： 用于定义表格中的单元格，必须嵌套在 <tr> </tr> 标签中，一对 <tr> </tr> 中包含几对 <td> </td>，就表示该行中有多少列（或多少个单元格）。表头加粗用 <th></th>
  注意 :
  
  1. <tr></tr> 中只能嵌套 <td></td>
  2. <td></td> 标签，他就像一个容器，可以容纳所有的元素

属性名	含义	常用属性
border	设置表格的边框（默认 border = "0" 无边框）	像素值
cellspacing	设置单元格与单元格边框之间的空白间距	像素值（默认为 2 像素）
cellpadding	设置单元格内容与单元格边框之间的空白间距	像素值（默认为 1 像素）
width	设置表格的宽度	像素值
height	设置表格的高度	像素值
align	设置表格在网页中的水平对齐方式	left / center / right

表单：

表单控件： 包含了具体的表单功能项，如单行文本输入框、密码框、复选框、提交按钮、重置按钮等一般都会包含在一对 <form></form> 标签中。
表单域： 他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的 url 地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。 在 HTML 中 form 标签被用于定义表单与，即创建一个表单，以实现用户信息的传递和收集， form 中的所有的内容都会被提交给服务器。创建表单的基本语法格式如下：

<form action="url地址" method="提交方式" name="表单名称"> 各种表单控件 </form>


常用属性：

1. action 在表单收集到信息后，需要将信息传递给服务器进行处理， action 属性用于指定接收并处理表单数据的服务器程序的 url 地址；
2. method 用于设置表单数据的提交方式，其取值为 get 或 post ；
3. name 用于指定表单的名称，以区分同一个页面中的表单；
4. 注意：每个表单都应该有自己的表单域。

文本域：

如果需要输入大量的信息，就需要用到 <textarea></textarea> 标签。通过 textarea 控件可以轻松的创建多行文本输入框，其基本语法格式如下：

<textarea cols="每行中的字符数" rows="显示的行数">
文本内容</textarea>


input 控件：

属性	属性值	描述
type	text	单行文本输入框
type	password	密码输入框
type	radio	单选按钮
type	checkbox	复选框
type	button	普通按钮
type	submit	提交按钮
type	reset	重置按钮
type	image	图片形式的提交按钮
type	file	文件域
name	用户自定义	控件的名称
value	用户自定义	input控件中的默认文本值
size	正整数	input控件在页面中的显示宽度
checked	checked	定义选择控件默认被选中的项
maxlength	正整数	空间允许输入的最多字符数

label 标签

label 标签为 input 元素定义标注（标记）。
作用： 用于绑定一个表单元素，当点击 label 标签的时候，被绑定的表单元素就会获得输入焦点。 for 属性规定 label 与哪个表单元素绑定。

<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male">

下拉菜单：

<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>

注意：

1. <select></select> 中至少应包含一对 <option></option>。
2. 在 <option> 中定义 select="selected" 时，当前项即为默认选中项。