一、列表
1.无序列表ul li
2.有序列表ol li
3.定义列表dl dt
dl.ul.ol<之间可以互相嵌套>
二、表格标签
<table></table>
表格标签,由于在效果中定义一个表格
border设置边框粗细
width设置表格宽度
<td></td>
表格的行标签,用于定义一个表格行
<td></td>
表给的单元个标签
<th></th>表格的表头单元格标签,用于在效果中定义一个表格行中的表头单元
格<th>和<td>唯一区别;<th>内容居中加粗
三、内联与块标签
<span></span>
内联标签,一行上定义多个元素,进行内容显示有多少内容,
就会占用多大空间span不会自动换行<div><div>块标签
,一行上定义一个块,默认占满一行,进行内容显示适用于大量数据展示,
或者用来布局
四、表单标签
<form></form>
用于在效果中定义一个表单
作用:用于提交用户填写的数据,提交给服务器的程序
文本框供用户输入,类似Java的Scanneraction:
将数据提交到何处默认提交到本页本机内网路径:
相对路径:常用绝对路径:常用
绝对路径:不建议使用
五、输入项标签
<input />
标签表单输入项标签之一,用户可以在该标签上,通过填写和选择,进行数据的输入
type:设置该标签的种类
text:文本框,默认
password:密码框,内容非明文
radio:单选框,在同一组内有单选效果
chechbox:复选框,在同一组内有复选效果
submit:提交按钮,用于控制表单提交数据
reset:重置按钮,用于将表单输入项恢复到默认状态
file:附件框,用于文件上传
hidden:隐藏域,一般用作提交服务器需要拿到,但用户不需要看到的数据
button:普通按钮,需要和JS事件一起用
name:单选框、复选框进行数据的分组、设置该标签对应的参数名。要提交数据给后台,必须写
namevalue:设置该标签对应的参数值/作为按钮的名字
checked:设置单选框/复选框的默认选中状态
readonly:设置该标签的参数值只读,用户无法手动更改,数据是可以正常提交
六、表单点击提交按钮,提交数据时
url?参数列表
参数列表格式:
参数1=参数值&参数2=参数值&参数3=参数值......
?gender=on on表示选中
?gender=male&age=18.....
七、选择框标签
<select></select>标签,定义一个下拉选择框
name:设置该标签对应的参数名
multiple:设置选项全部显示,并且可以进行多选提交,不写此属性默认为单选
<option></option>标签,选项标签,为一个选择框添加一个选项
value:设置需要提交的参数值
selected:设置选项的默认选中状态
八、文本域标签
<textarea></textarea>标签
文本域,多行文本框
name:设置该标签对应的参数名
文本域和文本框区别:
1、文本框不能换行,文本域可以
2、文本框参数值是value属性,文本域参数值是标签的内容体