HTML表格实例

于 2024-07-01 18:01:25 发布
阅读量601 收藏 12
点赞数 20
文章标签： java 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_62341171/article/details/140107109
版权

用表格等标签创建一个个人简历模板，模板实例如下图：

代码如下：

<body>
    <!-- 细线表格 -->
    <table align="center"  bgcolor="black" cellspacing="1px">
        <!-- 第一行 -->
         <tr>
            <td colspan="8" bgcolor="white" align="center" height="50px">个人简历</td>
         </tr>
         <tr align="center" bgcolor="white">
            <!-- 列 -->
            <th colspan="2">姓名</th>
            <td>CaoZhEnY</td>
            <th width="60px">年龄</th>
            <td>21</td>
            <th>性别</th>
            <td width="60px">男</td>
            <td rowspan="4" height="180px" width="130px">
                <img src="./设置.jpg" width="120px" height="180px">
            </td>
         </tr>
            <!-- 第二行 -->
            <tr bgcolor="white" align="center">
                <th colspan="2">籍贯</th>
                <td>山西</td>
                <th>民族</th>
                <td>汉族</td>
                <th>学历</th>
                <td>本科</td>
             </tr>
             <tr bgcolor="white" align="center">
                <th colspan="2">毕业院校</th>
                <td>山西农大</td>
                <th>专业</td>
                <td>软件工程</td>
                <th>政治面貌</th>
                <td>团员</td>
             </tr><tr bgcolor="white" align="center">
                <th colspan="2">联系方式</th>
                <td colspan="3">xxxxxxxxxx</td>
                <th>婚姻状况</th>
                <td>未婚</td>
             </tr><tr bgcolor="white" align="center">
                <th colspan="2" height="35px">现居住地</th>
                <td colspan="6"></td>
             </tr>
            </tr>
            <tr bgcolor="white" align="center">
                <th colspan="2" height="35px">个人技能</th>
                <td colspan="6"></td>
             </tr>
             <tr bgcolor="white" align="center">
                <th colspan="2" height="35px">主修课程</th>
                <td colspan="6"></td>
             </tr>
             <tr bgcolor="white" align="center">
                <th colspan="2" height="35px">兴趣爱好</th>
                <td colspan="6"></td>
             </tr>
             <tr bgcolor="white" align="center" height="30px">
                <th rowspan="4" width="30px">学习经历</th>
                <th>起止日期</th>
                <th colspan="3">学校名称</th>
                <th colspan="2">专业</th>
                <th>学历</th>
             </tr>
             <tr bgcolor="white" align="center" height="30px">
                <td></td>
                <td colspan="3"></td>
                <td colspan="2"></td>
                <td></td>
             </tr>
             <tr bgcolor="white" align="center" height="30px">
                <td></td>
                <td colspan="3"></td>
                <td colspan="2"></td>
                <td></td>
             </tr>
             <tr bgcolor="white" align="center" height="30px">
                <td></td>
                <td colspan="3"></td>
                <td colspan="2"></td>
                <td></td>
             </tr>
             <tr bgcolor="white" align="center" height="30px">
                <th rowspan="3" width="30px">工作实践经历</th>
                <th>起止日期</th>
                <th colspan="3">单位名称及职位</th>
                <th colspan="2">主要职责</th>
                <th>备注</th>
             </tr>
             <tr bgcolor="white" align="center" height="25px">
                <td></td>
                <td colspan="3"></td>
                <td colspan="2"></td>
                <td></td>
             </tr>
             <tr bgcolor="white" align="center" height="25px">
                <td></td>
                <td colspan="3"></td>
                <td colspan="2"></td>
                <td></td>
             </tr>
             <tr bgcolor="white" align="center">
                <th>自我评价</th>
                <td colspan="7"></td>
             </tr>
             <tr bgcolor="white" align="center">
                <th>其他说明</th>
                <td colspan="7"></td>
             </tr>
    </table>
</body>

CaoZhEnYu丨
关注
  • 20
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
（前端）HTML之表格
weixin_65479202的博客
04-21 1600
在HTML中学习表格非常有必要，表格的使用比较常见也很广泛！！！
基于JavaWeb的表格实例
Rlynn的博客
05-22 1997
实现如下图表格网页 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> </head> <body> <table border="1" align="center"> <caption>全年级成绩清单</caption
html table 示例,HTML表格实例
weixin_33533797的博客
06-05 970
表格实例每个表格由 table 标签开始。每个表格行由 tr 标签开始。每个表格数据和英文由 td 标签开始。每个表格汉子由 th 标签开始。这是一个段落。这是另一个段落。这个单元包含一个表格：三行三列:思思的表格姓名电话2112你好31这个单元包含一个列表：11香蕉菠萝HELLO运行结果WechatIMG101.pngWechatIMG100.png单元格边距、间距、背景颜色、排列没有 cel...
HTML——表格
三三木木七的博客
05-19 1万+
🌳🌳🌳前言：本文总结了HTML表格的基础知识点 目录 🍄表格——创建 🍄表格——border 🍥表格——border 🍄表格——设置表格的宽、高 🌰举个例子——设置表格的宽、高 🍥表格——width 🍥表格——height 🍄表格——cellpadding 🌰举个例子——cellpadding 🍥表格——cellpadding 🍄表格——cellspacing 🌰举个例子——cellpadding 🍥表格——cellspacing 🍄表格——表格的标题 🌰举个例子...
HTML表格（table）实例
热门推荐
hj1993的博客
07-30 5万+
HTML表格（table）实例 实例1：课程表 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;课程
HTML_表格实例
Twilight's Blog
01-01 1万+
html表格的几种形式
HTML学习——简单表格嵌套实例
我本浪人--游吟世间
03-30 2986
TABLE嵌套 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>花房姑娘</title> <style> a { text-decoration: none; } table tr:fi...
HTML表格标签的案例
weixin_45904557的博客
02-26 2392
前言 上一篇是表格的基本结构标签和一些属性以及怎么样合并单元格，这篇博客就来具体练习一下table的使用 1. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> td{ text-align: center; font-size: 24px
HTML系列之表格、表单综合案例
StayAlive1887的博客
07-01 1324
要求：用HTML实现下面的效果。要求：用HTML实现下面的效果。
HTML 制作表格案例
CodeDoraemon的博客
01-23 1643
1. 运行要求 2. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>阅读排名</title> </head> <body>
HTML表格布局实例讲解
09-28
主要为大家详细介绍了HTML表格布局简单实例，HTML表格布局是HTML入门学习中的基础知识，感兴趣的小伙伴们可以参考一下
html制作细线表格的简单实例
12-14
关于这个细线表格的制作方法，百度一下可能就会有答案告诉你设置这几个值：给table设置border="0" cellspacing="1" bgcolor="#990033"这几个值，还要给单元格单独设置背景色,例如：bgcolor="#fff"。但是关于为什么要...
使用html5实现表格实现标题合并的实例代码
12-13
使用html5实现表格实现标题合并的实例代码 这样的需求不在少数，比如表格中相邻的列具有相同的内容，那么标题就完全可以使用一个，那么合并标题就是十分重要的，让用户感觉也会更加人性化，代码实例如下: <!...
Lombok的hashCode方法
LiZhen314的博客
06-27 410
在继承关系中，父类的hashCode针对父类的所有属性进行运算，而子类的hashCode却只是针对子类才有的属性进行运算，立此贴提醒自己。callSuper = false，根据子类自身的字段值 来生成hashcode， 当两个子类对象比较时，只有子类对象的本身的字段值相同，父类字段值可以不同，callSuper = true，根据子类自身的字段值和从父类继承的字段值 来生成hashcode，当两个子。比较时，只有子类对象的本身的字段值和继承父类的字段值都相同，equals方法的返回值是true。
配置系统PATH环境变量
weixin_44626980的博客
06-29 443
PATH环境变量在操作系统中起着非常重要的作用，特别是在命令行或脚本中执行程序时，系统会根据PATH环境变量中定义的路径查找可执行文件。当用户在命令行或脚本中输入一个命令时，系统会根据PATH环境变量中定义的路径依次查找对应的可执行文件，如果找到则执行。本文详细介绍了如何配置系统的PATH环境变量，包括在Windows和Linux系统中的操作步骤。在Linux系统中，可以通过编辑shell配置文件来配置PATH环境变量，常用的shell配置文件包括.bashrc、.bash_profile等。
Java面试题:Redis为什么速度快
qq_55630615的博客
06-25 652
因为Redis是纯内存操作,执行速度非常快,性能的瓶颈是网络延迟而非执行速度I/O多路复用模型主要就是实现了高效的网络请求。
教程：Spring Boot中如何集成GraphQL
weixin_44627014的博客
06-27 400
接下来，定义GraphQL的Schema（模式）以描述数据结构和查询方式。@Component在这个例子中，我们创建了一个简单的类，实现了接口，并定义了一个简单的hello查询，返回一个字符串。通过本文的教程，我们学习了如何在Spring Boot应用中集成和使用GraphQL。
【C++】————string基础用法及部分函数底层实现
最新发布
bhbcdxb123的博客
06-30 604
本文主要介绍STL容器之一 ---- string，在学习C++的过程中，我们要将C++视为一个语言联邦（摘录于Effective C++ 条款一）。如何理解这句话呢，我们学习C++，可将其分为四个板块；分别为C、Object-Oriented C++（面向对象的C++）、Template C++（模板）、STL。本文就介绍STL中的string；1.一个冷知识：屏蔽力是一个人最顶级的能力，任何消耗你的人和事，多看一眼都是你的不对。2.你不用变得很外向，内向挺好的，但需要你发言的时候，一定要勇敢。
解决Java中的数组越界异常的技术
weixin_44627014的博客
06-26 458
通过本文的讨论，我们了解了如何有效地处理Java中的数组越界异常。预防异常的发生，合理使用异常处理机制以及考虑使用集合类来替代数组，是确保Java应用程序稳定性和可靠性的关键步骤。
2022年HTML相关知识点表格标签.pptx
11-02
2022年HTML相关知识点表格标签.pptx

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值