一、列表

有3种类型列表  所有的标签都是块级标签  每一个列表都是可以互相嵌套

List-stly：none         去除样式（列表项目前面显示的样式）

1、无序列表

ul有type属性，可以改变前面点的样式，不赞成使用  li(一般情况下用背景图代替ul前面的)

 

无序列表代码

 

代码效果图

 

2、有序列表

ol  li    type值可用1   a   A  Ⅰ  i

​

有序列表代码示例

 

​

有序列表代码效果图

3、自定义列表   

dl（申明自定义列表）  dt（列表标题）  dd （列表的描述）

 

有序列表代码

 

代码效果图

二、表格

Table               表格标签

<tr></tr>          代表一行

<td></td>         代表一个单元格

table border=' 1 '                        代表边框像素为1

border-collapse：collapse         使表格边框线重合成一条线

合并单元格：  colspan     合并列（左右） ；  rowspan合并行（上下）；    需要合并几个单元格数值填几

 

代码示例

 

代码效果图

三、表单

1、表单

<from>

<input>标签

action表单提交的位置  提交表单的方法  get post

type="text"                    文本输入框

type=“password”           密码输入框

mainlength                     限制输入的长度最小值

maxlength                      限制输入的长度在最大值

mainlength和maxlength             只适用于type="text和password

placeholder                     文本框内默认提示输入值

readonly                          设置文本框只读

 

input框代码

 

input效果图

type="submit"提交按钮              value可以改变submit按钮的文字

type="botten"插入空白框           可用value改变按钮内的文字，不可以提交表单

type="reset"重置按钮                 可以清空表单的文字

 

submit效果图

2、可选择点击表单

一组按钮必须给同一个name

Type=”radio”         单选框

checked                默认按钮被选择状态

 

可选择点击表单，男女选项

 

代码实现效果图

3、可多选表单

Type=”checkbox”        复选框

 

可多选表单代码

 

代码实现效果图

4、 上传文件的表单元素

type=”file”             上传文件的表单元素

 

 上传文件的表单代码

 

代码实现图

Type=“hidden”隐藏表单，有时候需要带一些不被用户识别到的参数，所以有一个Type=“hidden”

 可以提交表单的按钮图片  src+图片的地址