h5 笔记4 表格与表单

本文介绍了HTML4和HTML5中表格的设置,包括td和th标签、cellpadding和cellspacing属性,以及HTML5表单组件的分类,如输入、列表、选择和按钮组件。特别提到HTML5对旧属性的支持变化。
摘要由CSDN通过智能技术生成

<table></table>设置表格;

<tr></tr>设置行数;

<td></td>设置列数;

<caption></caption>设置表格标题;

<th></th>设置列标题。

79115d1527e9443b9af210ac57af6e42.jpg

直列:column;
横行:row;
单元格:cell;
合并左右列:<td colspan="2">;
合并上下行:<td rowspan="3">;
HTML4的表格提供cellpadding(文字与表格边框线的距离)和cellspacing(边框线粗细)属性,只要将两者设为0,就可以达到与本范例同样的效果。不过,HTML5已经确定不再支持这两个属性。

7dac4401ed5840dca024ed1fa38b3333.jpg 0628ce924c5a469aa28c270256a12dea.jpg

00430d3f61164abc91d31fd5ecf0ab81.jpg

 表单可以制作出各种各样的组件,大致可分为4大类:输入组件、列表组件、选择组件和按钮组件。

0932d69f354943cca7574dde7eafa344.jpg

9af9e7f44fdf42e0badd52ca8240e9cc.jpg550c398932544266ba1b1ebda257e534.jpg eaa52385e3434f3392b847b3795641bc.jpg 58f5ed3e14a346e6bce5c2108ab0c76c.jpg 28ebca9be2be486aafb355ad881f9393.jpg 40f3dc65a1ab4fc6abd1adf308cf5701.jpg a5577650d6a843cc8c71754b2d7c9a7e.jpg

1402cfac01f04db596d6e39e5fdc27fc.jpg

5895c2b94c514c08b2c2b8f7e0b8ce2b.jpg 7a301ec8646740f58d5a49f3310b064e.jpg

a114ef8b553e4d339aab23220cb753bb.jpg 566390706ae940f9b418341cc0d9691d.jpg

 

 

 

 笔记来源:

©《HTML5+CSS3+JavaScript网页设计》陈婉凌编,清華大学出版社

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值