全部版块 我的主页
论坛 提问 悬赏 求职 新闻 读书 功能一区 学道会
855 6
2019-04-20
HTML5表格与表单
表格语法:<table border="1" cellspacing="0" > </table>
          <tr>   <td></td> </tr>
在table之后,紧跟着,可以加<caption></caption> 设置表格标题
<th>设置列标题,必须在第一行<tr>里设置

<td nowrap>     nowrap属性,让内容不自动换行

表格编辑技巧:
合并单元格   <td colspan="2">  从左往右合并2个单元格(左列和右列)。
合并上下行  <td  rowspan="3">   后面两行的<tr>里省略了一组 <td></td>标记

空白单元格中,输入一个全角空格,或者&nbsp;   就可以避免没有内容的单元格为空白边框,显得难看。(加空格后,会有边框)

利用表格组合图片
<!DOCTYPE html>
<html>
<head>
    <meta charset="gb2312">

    <title>Ch03_03</title>
    <style type="text/css">
        table{border-collapse: collapse;}
        td{padding: 0;}
        img{display: block;}

    </style>
</head>
<body>
<table>
    <tr>
        <td><img src="ch03_03/1.jpg"></td>
        <td><img src="ch03_03/2.jpg"></td>
    </tr>
    <tr>
        <td><img src="ch03_03/3.jpg"></td>
        <td><img src="ch03_03/4.jpg"></td>
    </tr>
</table>
</body>
</html>
HTML5已经不支持HTML4中对cellpadding(文字与表格边框线的距离)和cellspacing(边框线粗细)
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

全部回复
2019-4-20 19:48:21
点赞老兄!
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-20 20:09:14
为您点赞!
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-20 21:05:16
点赞
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-20 21:07:05
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

2019-4-20 22:02:59
谢谢分享!
很好的学习资料!
二维码

扫码加我 拉你入群

请注明:姓名-公司-职位

以便审核进群资格,未注明则拒绝

点击查看更多内容…
相关推荐
栏目导航
热门文章
推荐文章

说点什么

分享

扫码加好友,拉您进群
各岗位、行业、专业交流群