、列表标签
1、列表的概述
列表为对某件事物进行步骤的描述,或者一系列有关联的事项的描述的标签
列表标签为双标签,写法如下:
注意【他们的子元素li dt dd是块级】
2、列表的属性值
Ul disc 项目符号以实心圆“●”表示,默认值。
circle 项目符号以空心圆“○”表示。
square 项目符号以实心方块“■”表示。
列表的嵌套
Ol reversed 规定有序列表的顺序为“倒叙
Start规定起始值(注意:它的值只能为阿拉伯数字)
Type的值(1、A、 a、等)
Dl(定义列表)
dt(用于定义列表中项目)和dd(用于秒速定义的项目)是同级关系。他们显示时块级元素。
Cursor:pointer(鼠标变成手的代码)
二、表格(默认是一个“类似于块级标签”,即他会占据整行。(虽然有点特殊,给上一个边框他没法完全占据一行,显示的加深disply:block,又能独占一行))
1、一个完整的表格应该有thead tbody 一定要给 tfoot
常用属性:
Colspan用于设置跨列 rowspan用于设置跨行 cellspacing 设置单元格与单元格的间距
Cellspadding 用于设置内容与单元格之间的距离。Border 用于设置边框线。Width设置表格的宽。
2、背景颜色(bgcolor) 背景图片(background)
注意:如果两个属性都给了的话,一般而言,背景图片会覆盖背景颜色。当背景图片是透明的时,背景图片和背景颜色都会显示。
Align设置表格对齐方式(right center left)
三、表单标签()
1、具有接收用户输入并提交的功能标签
2、form标签为双标签
3、form默认是一个块级标签。它里面的input button是一个行内块级标签。
表单标签的主要属性
常用属性:action属性(提交)规定当提交表单时向何处发送表单数据,它的属性值应该是一个“URL”。
Method属性:规定用于发送表单数据的方法,值为 : get / post , 默认为get方式. 注意:
- 发送数据时,input标签的name属性一定要加上,
否则数据就无法发送出去。
Get和post的区别:
A、可见性
get方式发送的数据会直接附加到表单的action属性所指的URL的后面,用户可见!post方式发送的数据会放置在header里发送到action属性所指的URL地址处。用户不可见
B、数据量
Get传送数据量较小不能大于2kb,post传送数据量较大
C、安全性与效率
Get安全性低但效率高于post,
D.、作用
Get用于查询居多 而post用于更新居多。
Target属性
它的属性值有(blank、self、parent、top、)
Form常用标签
input
lable(行内元素)for属性可以把lable和input自动聚焦lable中for属性的值就等于input的id值。例如:
input标签type的常用属性值有:text、password、radio、checkbox、search、file(type=multiple可以选择多个文件)、img、[button submit、reset、(当type等于button是要给input给一个value值)注意:一旦type=“button”是不能提交的]、hidden。
Textarea是一个双标签,行内块级元素它显示文本内容是通过标签的内容,而非“value”属性。
Select下拉标签1. 用于显示单选和多选的下拉菜单,是它必须的子菜单,否则将不能提供任何可选项
其他属性:multiple,selected
multiple:允许选中多个option
selected:设置默认选中的option
按钮标签对
① 标签对和其它表单元素一样,为行内(块)标签
② Button它是一个双标签。
③ 通过type属性可以设置其类型 【button/submit/reset】
④ 与的区别
(1) 按钮文本是放置于该标签的内容上,而是将按钮文本设置于它的“value”属性上
(2) 标签对内可以同时显示文本、图片、表格甚至是多媒体,而标签显示内容要单调很多。
(3) 标签的“type”属性不进行设置的话,
在“IE浏览器”中将默认设为“button”,
而在其它浏览器中(包括 W3C 规范)都会默认设为“submit”
所以,为了统一浏览器的行为,我们通常都会为的属性“type”设置一个初始值