html标签、列表、表格和表单

1、常用标签分类

块级元素：

 

 

…

 

 
 

   

 

 

内联元素：   
         

   

内联块级元素： 

2、列表

两个列表之间可以相互嵌套，也可以自身嵌套

（1）无序列表：

若设置样式，使用List-style=”   ”

（2）有序列表：

若设置样式，则

type=”A”>

3、表单

1、创建一个表单

属性：action：属性值为路径，规定当提交表单时，向何处发送表单数据,即将表单提交给哪个后台的路径。

method：属性值为get和post，规定以何种方式发送数据，前者提交数据量多，但是不安全，后者提交数据量少，但是性能好。

Eg:

2、创建一个文本框

属性1：type

属性值：<1>text 成为一个输入文本框，例如输入用户名

<2>password 成为输入密码的文本框，输出的密码即为隐藏的黑点

<3>submit 提交按钮，可以使用value值改变按钮上的字，

例如

<4>reset 重置按钮 同上可以使用value改变按钮上的字

例如：

<5>checkbox 多选框 设置value属性可以用于后台，checked表示默认的选择

例如：篮球

<6>radio 单选框，只有当把所有的name属性的值设置相同时才可以实现单选，同样有value属性，checked表示默认的选择

例如：男

女

无

<7>button是按钮，使用value属性设置按钮上的值，与button标签相同

例如：

按钮

属性2：<1>和<2>有maxlength和 placeholder属性，表示输入的最大长度和提示词

例如：用户名

3、使用select创建下拉菜单，配合option使用，为select添加multiple属性可以变为多选框。

例如：

    请选择

    语文

    数学

    英语

    体育

4、标签创建一个多行文本框。

属性cols和rows属性值可以表示文本框的大小。

例如：<textarea name="" id="" cols="30" rows="10">textarea>

5、表格

在HTML中使用table创建表格，用tr表示行，几个tr就有几行在行中写了几个td就有几个单元格，caption表示表头 cellspacing表示边线的宽度，设置0表示合边线 cellpadding表示字与边框的距离colspan表示列合并 rowspan表示行合并

信息表

1		3	4
1	2	3	4
	1	2	3

得到如下表格