关于表格元素的使用，table、<width>、<heigh>、<border>、<tr>、<th>、<td>、<align>、<colspan>、<rowspan>...

最新推荐文章于 2022-04-21 10:40:50 发布
最新推荐文章于 2022-04-21 10:40:50 发布
阅读量146 收藏
点赞数
原文链接：http://www.cnblogs.com/hankai2735/p/8706904.html
版权

<html>
    <head>
        <meta charset="UTF-8">
        <title>个人简历</title>
    </head>
    <body>
        <h3 align="center">个人简历</h3>
        <table border="1" cellspacing="0" cellpadding="0" width="50%" align="center">
            <tr>
                <td align="center">姓名</td>
                <td width="100"></td>
                <td align="center">性别</td>
                <td width="100"></td>
                <td align="center">出生</td>
                <td width="100"></td>
                <td rowspan="6" width="100"></td>
            </tr>
            <tr>
                <td align="center">民族</td>
                <td></td>
                <td align="center">政治面貌</td>
                <td></td>
                <td align="center">婚否</td>
                <td></td>
                
            </tr>
            <tr>
                <td align="center">学历</td>
                <td></td>
                <td align="center">籍贯</td>
                <td></td>
                <td align="center">现居住地</td>
                <td></td>
                
            </tr>
            <tr>
                <td align="center">专业</td>
                <td></td>
                <td align="center">电子邮箱</td>
                <td></td>
                <td align="center">联系电话</td>
                <td></td>
                
            </tr>
            <tr>
                <td align="center">毕业院校</td>
                <td colspan="5"></td>
                
            </tr>
            
            <tr>
                <td align="center">求职意向</td>
                <td colspan="5"></td>
            </tr>
            <tr>
                <td colspan="7" align="center">个人教育状况</td>
            </tr>
            <tr>
                <td align="center">起始日期</td>
                <td colspan="4" align="center">何地何学（院）校</td>
                <td colspan="2" align="center">专业/课程</td>
                
            </tr>
            <tr>
                <td></td>
                <td colspan="4" height="20"></td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td></td>
                <td colspan="4" height="20"></td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td></td>
                <td colspan="4" height="20"></td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td></td>
                <td colspan="4" height="20"></td>
                <td colspan="2"></td>
            </tr>
            <tr>
                <td colspan="7" align="center">工作经历（或社会实践）</td>
            </tr>
            <tr>
                <td align="center">起始日期</td>
                <td colspan="2" align="center">工作单位</td>
                <td align="center">岗位</td>
                <td colspan="2" align="center">主要职责</td>
                <td align="center">离职原因</td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2" height="20"></td>
                <td></td>
                <td colspan="2"></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2" height="20"></td>
                <td></td>
                <td colspan="2"></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2" height="20"></td>
                <td></td>
                <td colspan="2"></td>
                <td></td>
            </tr>
            <tr>
                <td></td>
                <td colspan="2" height="20"></td>
                <td></td>
                <td colspan="2"></td>
                <td></td>
            </tr>
            <tr>
                <td colspan="2" align="center">主要工作成就和获奖情况</td>
                <td colspan="5"></td>
            </tr>
            <tr>
                <td colspan="2" align="center">业余爱好和兴趣</td>
                <td colspan="5"></td>
            </tr>
            <tr>
                <td colspan="2" align="center">专业技能</td>
                <td colspan="5"></td>
            </tr>
            <tr>
                <td colspan="2" align="center">自我评价</td>
                <td colspan="5"></td>
            </tr>
            
        </table>
    </body>
</html>

转载于:https://www.cnblogs.com/hankai2735/p/8706904.html

bill_live
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
[05]表格元素
weixin_33815613的博客
12-17 141
一． 表格元素汇总 表格的基本构成最少需要三个元素：<table>、<tr>、<td>，其他的一些作为可选辅助存在。 元素名称 说明 table 表示表格 thead 表示标题行 tbody 表示表格主体 tfoot 表示表脚 tr 表示一行单元格 th ...
【HTML5学习笔记】5：表格元素的使用
LauZyHou的笔记
04-22 1215
表格就是以网格的形式显示二维数据。 表格的基本构成最少需要三个元素(表格的声明)、(一行单元格)、(一个单元格)。   *建立一个表格/有固定长度的表格 表格元素 张三 男 未婚 李四 女 未婚 王五 男 已婚 姓名 性别 婚否
Table元素的使用
Insist
12-04 1109
创建表格使用table元素 table有以下常用的属性 属性 含义 border 设置表格的边框宽度 width 设置表格的宽度 height 设置表格的长度 cellpadding 设置表格的内边距 cellspacing 设置表格的外边距 table里面的元素 元素 含义 th 表名 tr 表行 td 单元格 colgroupp...
Html - table - td 之 width和height奥妙之处
拓
10-08 1009
来自：http://www.cnblogs.com/icewee/articles/2018161.html 最近经常要调整系统中的一些页面，虽然不是专业的美工，但也要略知一二才能应付得了。 例一： table.html
【响应式Web前端设计】HTML ＜td＞ 标签的 colspan 属性
李响
06-10 621
<html> <body> <table width="100%" border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td colspan="2">January</td> </tr> <tr> <td cols
表格(TABLE)标记(TAGS)详细介绍
12-13
通过正确使用`<table>`、`<tr>`、`<th>`和`<td>`等标签以及相关的属性，我们可以创建各种复杂和定制化的表格。这些属性包括但不限于边框宽度（border）、表格尺寸（width和height）、表元间距（cellspacing）和内部...
HTML制作表格ppt课件.ppt
11-12
<TABLE width="400" height="200" border="15" bordercolor="red"> <TR> <TD colspan="4">品牌商城</TD> </TR> <TR> <TD colspan="2">笔记本电脑</TD> <TD colspan="2">办公设备、文具、耗材</TD> </TR> <TR...
HTML表格标记教程(18):表格的表头
12-14
<table border="3" width="400" height="100" bordercolor="#336699" align="center"> <tr> <th>软件分类</th> <th>软件名称</th> </tr> <tr> <td>网页图像软件</td><td>Fireworks</td> </tr> <tr> <td>...
HTML制作表格.ppt
11-15
<TABLE width="400" height="200" border="15" bordercolor="red"> <TR> <TD colspan="4">品牌商城</TD> </TR> <TR> <TD colspan="2">笔记本电脑</TD> <TD colspan="2">办公设备、文具、耗材</TD> </TR> <TR...
table表格知识.pdf
10-02
首先，创建一个基本的表格需要使用`<table>`、`<tr>`、`<th>`和`<td>`标签。`<table>`是表格的容器，`<tr>`定义表格的行，`<th>`用于创建表头单元格，而`<td>`则用来填充数据单元格。例如，一个3行3列的表格可以通过...
通达OA表单会签意见样式
通达OA二次开发 联系QQ2524837118
04-21 977
样式一 <td colspan="7" height="53" class="hq" style="text-align: left; border-width: 1px; border-style: solid; padding: 10px;border-color: rgb(0, 0, 0); word-break: break-all;"> #[MACRO_SIGN][ <div class="yj...
HTML表格（HTML 表格的使用，收藏这一篇就够了）
热门推荐
weixin_47139649的博客
10-15 6万+
HTML基础之表格 文章目录HTML基础之表格1. 表格的定义2. 表格的标签3. 单元格边框(border)4. 合并单元格4.1 合并行单元格(colspan)4.2 合并列单元格(rowspan)5. 表格格式设置5.1 单元格的对齐（align）（居中，左对齐，右对齐）5.2. 背景色&图片（bgcolor & background）5.2.1 单元格背景色&图片5.2.2 表格背景色&图片5.3 单元格的边距（cellpadding）5.4 单元格间的距离(cel
HTML学习
qq_963157144的博客
04-20 500
1网站信息页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>demo1</title> </head> <body> <!-- h1 标题 : h后面数字 取值范围: 1~6 -...
html常用元素之表格元素
yin_991的博客
10-25 7981
html常用元素之表格元素及其属性
IE6\7 下 td colspan bug
weixin_34378922的博客
04-25 82
当设置了表格单元格td的colspan属性后，例如<tdcolspan='3'>，在FF、Opera、IE8/9,遨游等浏览器中，均会智能地把这个td当成三个打通了的格子来对待，但在IE6和IE7中就惨了,IE6和IE7依旧把这个td当成一个格子来对待，td中的内容到了第一个格子的地方就会自动换行了.晕啊. 暂时用了两个解决办法: 1.在内容...
html之表格详解及table表格实现页面布局
weixin_49855251的博客
01-18 1万+
html表格 1、table>标签：声明一个表格，它的常用属性如下： border属性 定义表格的边框，设置值是数值 cellpadding属性 定义单元格内容与边框的距离，设置值是数值 cellspacing属性 定义单元格与单元格之间的距离，设置值是数值 align属性 设置整体表格相对于浏览器窗口的水平对齐方式,设置值有：left | center | right 2、tr>标签：定义表格中的一行 3、和th>标签：定义一行中的一个单元格，td代表普通单元格，th表示表头单元格，它们
Table中的td，th用了Colspan或者Rowspan之后，设置宽度无效的解决方法
lhl6379140的专栏
08-02 1万+
最近用到td中的Colspan，后来设置宽度的时候发现怎么搞都无法实现到自己想要的效果，最后就把table中的第一行设置为无colspan和rowspan属性的，该是几列就几列，然后把每列宽度设好，用百分比哦，我这里用px没效果。这样设置之后，后面再怎么用colspan或者rowspan都没关系了。
HTML中td的colspan和rowspan
中年人
05-16 2万+
1、td的colspan属性表示单元格所占的列数。 2、td的rowspan属性表示单元格所占的行数。 <body> <table border="15px" align="center" width="400px" height="400px" cellpadding="15px" cellspacing="0px"> <tr> &l...
FIF小组ASP互动教程及作业答案（上）
rswjxx的专栏
08-09 667
<br />2．1  ASP是什么东东？<br /> <br />1．<TABLE>标签是HTML语言里的（表格标签）功能。<br /> <br />2．<TB>标签表示的是（表格的一个单元格）。<br /> <br />3．网页的主体内容应该放到（<body> </body>）对标签里？<br /> <br /><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />4．看代码判断表
<table> <tr> <th class="left-column">楼层号</th> <td></td> </tr> <tr> <th class="left-column">房间号</th> <td></td> </tr> <tr> <th class="left-column">楼层</th> <td></td> </tr> <tr> <th class="left-column">可住人数</th> <td></td> </tr> <tr> <th class="left-column">已住人数</th> <td></td> </tr> </table>将表格放置在一个box中并利用css设置合适的长宽要求左右两列的长度一致
最新发布
05-10
可以使用以下HTML和CSS代码实现： HTML代码： ```html <div class="box"> <table> <tr> <th class="left-column">楼层号</th> <td></td> </tr> <tr> <th class="left-column">房间号</th> <td></td> </tr> <tr> <th class="left-column">楼层</th> <td></td> </tr> <tr> <th class="left-column">可住人数</th> <td></td> </tr> <tr> <th class="left-column">已住人数</th> <td></td> </tr> </table> </div> ``` CSS代码： ```css .box { width: 500px; height: 200px; border: 1px solid black; overflow: auto; } table { width: 100%; border-collapse: collapse; } th, td { padding: 10px; text-align: left; border: 1px solid black; } th.left-column { width: 50%; } ``` 在上述代码中，我们首先将表格放置在一个名为“box”的div元素中，并为其设置宽度、高度、边框和滚动条。接着，我们设置表格的宽度为100%以占满整个box元素的宽度，并将表格的边框合并为一条线。最后，我们设置左列的宽度为50%，并为表格中的单元格设置了内边距、文本对齐和边框属性。这样就可以实现左右两列长度一致的表格了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值