作业
day 02
<a></ a>超链接标签
1.用于定义一个可以点击跳转的连接
2 herf:超链接跳转的路径(必有属性)
1)内网本机路径,相对路径和绝对路径
2)互联网路径,带http://...的地址
3)本页:不写默认跳转本页,相当于#
3 注意:
1)a标签内容体,不仅仅是文字,也可以是其他内容,例如图片
2)a标签的href属性,不仅仅可以链接到html上,也可以链接到其他文件上,
列表
1无序列表 ul li
2.有序列表 ol li
3.定义列表dl dt 被定义的内容 dd对定义内容的描述
dl ul、ol、之间都可以互相嵌套
表格
<table></table>
表格标签 ,用于在效果中定义一个表格
border:设置表格的边框粗细
width:设置表格的宽度
<tr></tr>
表格中的行标签,用于定义一个变革行
<td></td>
表格的单元格标签,用于定义一个表格中的单元格
<th></th>
表格的表头单元标签,用于在小锅中定义一个表格行中的表头单元格
<th>和<td>唯一区别:<th>内容居中加粗
行、列、单元格、表头、数据
表格是为了更好的格式化显示数据
单元格合并
<td>或者<th>都有两个单元格合并属性
<th>内容居中加粗
行、列、单元格、表头、数据
表格是为了更好的格式化显示数据
单元格合并
<td>或者<th>都有两个单元格合并属性:
colspan:跨列合并单元格
rowspan:跨列合并单元格
合并步骤:
1、确定合并那几个单元格,确定是跨行还是跨列合并
2、在第一个出现的单元格上书写合并单元格属性
3、合并几个单元格,属性值就写几
4、被合并的单元格必须删掉
三、内联与块标签
<span></span>
内联标签,一行上定义多个元素,进行内容显示
有多少内容,就会占用多大空间
span不会自动换行
<div></div>
块标签,一行上定义一个一个块,默认沾满一行,进行内容显示
适用于大量数据展示。或者用来布局
表单
现实生活中的表单是用来提交信息的
将数据以何种方式提交
默认为get
提交范式可定义为: get或者 post
Get方式提交特点:把数据拼接到地址栏上
Post方式提交特点:没有吧数据拼接到地址栏上,而是在请求体中
Get 和Post提交但是区别
1、Get提交的参数列表拼接到地址栏后面,post不会拼接到地址栏
2、get范式提交的数据,敏感信息不全全,post但是提交的数据相对安全
3、get方式提交的数据是有限的,post方式从理论上提交的数据是无限大的
尽量使用post方式提交表单
输入项标签
<input/>标签
表单输入项标签之一,用户可以在该标签上,通过填写和选择,进行数据输入
type
设置该标签的种类
text:文本框,默认
password:密码框,内容非明文
radio:单选框,在同一组内又单选的效果
chechbox:复选框,在同一组内有复选鲜果
submit:提交按钮,用于控制表单提交数据
reset:重复按钮,用于控制表单提交数据
file:附件框,用于文件上传
hidder:隐藏域,一般用作提交服务器需要拿到,单用户不需要看到的数据
button:普通按钮,需要和js事件一起用
name:单选框,复选框进行数据的分组,设置该标签对应的参数名,要提交数据给后台,西辟邪name
value :设置该标签对应的参数值/作为按钮的名字
checked:设置单选框/复选框的默认选中状态
readonly:设置该标签的参数值只读,用户无法手动更改,数据是可以正常提交的
disabled:设置该标签不可用,参数值无法更改,并且无法提交
表单点击提交按钮,提交数据时
url?参数列表
参数列表格式 : 参数1=参数值 & 参数2=参数值 & 参数3=参数值......
?gender=on (on表示选中)
?gender=male&age=18.....
单选框,用户只能选择,不能输入,苏姚指定value属性
文本框,用户可以自由输入,不一定指定value值,指定表示默认值,placeholder 表示提示文字
选择框标签
<select></select> 标签,定义一个下拉选择框
name:设置该标签对应的参数名
multipe:设置选项全部显示。并且可以进行多选提交,不写此属性默认为单选
<option></optiom>标签,选项标签,为一个选择框添加一个选项
v