HTML常用标签(下)

1.表格标签

作用:显示、展示数据

基本语法:

表头单元格标签:

<th>表头单元格经常用于表格第一行,单元格中的文字居中、加粗

表格属性:

这些属性要写在table里面

cellpadding:字与单元格边框之间的距离 

cellspacing:单元格与单元格之间的距离

单元格中可以放任何元素,文字图片链接均可

表格结构标签:

<thead>标签,表格的头部区域;<tbody>标签。表格的主体区域

  

合并单元格:

 

 跨行选上面的单元格,跨列选左边的单元格

合并单元格三部曲:

 

 

2.列表标签

 列表是用来布局的

无序列表:

每个列表项前面默认有个黑色小圆点

有序列表:

 

自动加上数字1.2.3.

 

自定义列表:

 

列表总结:

 

3.表单标签

收集用户信息

包括三部分:表单域,表单控件,提示信息

 表单域:

      

表单元素: 

1.input输入表单元素:

表单放在form

input单标签

type属性值: 

type = " 属性值"

 

点击了提交按钮,可以把表单域form里面的元素提交给后台服务器 

submit、reset、button要通过value的属性值来设置按钮上的文字

name是表单元素名字,这里的性别单选按钮必须有相同的名字name,才可以实现多选一效果

复选框也是有相同的name名字

value的值会直接在表单中显示出来

性别也有value值,会直接送到后台(主要针对后台人员)

性别name值相同,value值不同 (复选框一样)

checked主要针对单选按钮和复选按钮

label标签 :

2.selct下拉表单元素 :

表单放在form中

3.textarea文本域元素:

表单放在form

 textarea用于定义多行文本的输入

4.查阅文档

W3C:http://www.w3school.com.cn/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值