HTML用表格等标签创建一个个人简历

最新推荐文章于 2024-06-29 15:09:33 发布
最新推荐文章于 2024-06-29 15:09:33 发布
阅读量389 收藏
点赞数 16
文章标签： html 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_61913550/article/details/140025537
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table align="center" border="5px" width="700px" bgcolor="black">
        <!-- 第1行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">姓名</td>
            <td>XXX</td>
            <td>年龄</td>
            <td>21</td>
            <td>性别</td>
            <td>男</td>
            <td rowspan="4"><img src="./照片.png" alt=""></td>
        </tr>
        <!-- 第2行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">籍贯</td>
            <td>山西</td>
            <td>民族</td>
            <td>汉族</td>
            <td>学历</td>
            <td>本科</td>
            
        </tr>
        <!-- 第3行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">毕业院校</td>
            <td>XXXX</td>
            <td>专业</td>
            <td>软件工程</td>
            <td>政治面貌</td>
            <td>群众</td>
            
        </tr>
        <!-- 第4行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">联系方式</td>
            <td colspan="3">XXXXXXXXXXX</td>
            <td>婚姻状况</td>
            <td>未婚</td>
            
            
        </tr>
        <!-- 第5行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">现居住地</td>
            <td colspan="6">XXXXXXXXXXXXXXXX</td>
        </tr>
        <!-- 第6行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">个人技能</td>
            <td colspan="6">XXXXXXXXXXXXXXXX</td>
        </tr>
        <!-- 第7行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">主修课程</td>
            <td colspan="6">XXXXXXXXXXXXXXXX</td>
        </tr>
        <!-- 第8行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td colspan="2">兴趣爱好</td>
            <td colspan="6">XXXXXXXXXXXXXXXX</td>
        </tr>
        <!-- 第9行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td rowspan="4">学习经历</td>
            <td>起止日期</td>
            <td colspan="3">学校名称</td>
            <td colspan="2">专业</td>
            <td>学历</td>
            
        </tr>
        <!-- 第10行 -->
        <tr align="center" height="50px" bgcolor="white">
            
            <td>XXX</td>
            <td colspan="3">XXX</td>
            <td colspan="2">XXX</td>
            <td>XXX</td>
            
        </tr>
        <!-- 第11行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td>XXX</td>
            <td colspan="3">XXX</td>
            <td colspan="2">XXX</td>
            <td>XXX</td>
        </tr>
        <!-- 第12行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td>XXX</td>
            <td colspan="3">XXX</td>
            <td colspan="2">XXX</td>
            <td>XXX</td>
        </tr>
        <!-- 第13行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td rowspan="3">工作实践经历</td>
            <td>起止日期</td>
            <td colspan="3">单位名称及职位</td>
            <td colspan="2">主要职责</td>
            <td>备注</td>
        </tr>
        <!-- 第14行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td>XXX</td>
            <td colspan="3">XXX</td>
            <td colspan="2">XXX</td>
            <td>XXX</td>
        </tr>
        <!-- 第15行 -->
        <tr align="center" height="50px" bgcolor="white">
            <td>XXX</td>
            <td colspan="3">XXX</td>
            <td colspan="2">XXX</td>
            <td>XXX</td>
        </tr>
        <!-- 第16行 -->
        <tr align="center" height="80px" bgcolor="white">
            <td>自我评价</td>
            <td colspan="7"></td>

        </tr>
        <!-- 第17行 -->
        <tr align="center" height="80px" bgcolor="white">
            <td>其他说明</td>
            <td colspan="7"></td>

        </tr>
    </table>
</body>
</html>

阴险的耕耘机
关注
  • 16
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML基础重点_一般标签、常用标签和表格
09-28
本文将深入讲解HTML的一些基础重点，包括一般标签、常用标签以及表格的使用。 首先，HTML文档的基本结构由`<html>`标签包裹，分为`<head>`和`<body>`两部分。`<head>`包含网页的元数据，如`<title>`标签用于设定...
32个html个人简历
12-06
在这个"32个html个人简历"的资源中，我们可以预期找到多种不同设计风格和结构的HTML简历模板，这些模板可供学习和参考，帮助你快速创建自己的在线简历。 在学习HTML个人简历时，以下是一些重要的知识点： 1. **...
2022年HTML相关知识点表格标签(1).pptx
11-02
HTML 表格标签是 HTML 语言中用来创建表格的基本标签，通过这些标签，可以创建出各种形式的表格，满足不同的需求。在本节中，我们将详细介绍 HTML 表格标签的使用方法和相关知识点。 1. 表格的基本语法 在 HTML 中...
使用HTML开发商业网站-创建表格课件.pptx
07-10
定义一个表格 定义表格中的一行，嵌套在<table></table>中 定义表格中的单元格，嵌套在<tr></tr>中 创建table表格，离不开以下3对标签: 表格 <!doctype html> <html> 表格 ....... </html> 品牌 型号 颜色 ...
深入解析HTML的table表格标签与相关的换行问题
09-28
`<thead>`, `<tfoot>`, 和`<tbody>`是HTML表格的分组标签，它们分别用于定义表格的头部、尾部和主体。这些标签有助于提高表格的可读性和可维护性，特别是在长表格中。`<thead>`和`<tfoot>`可以在表格数据未完全加载...
获取HTML元素的offsetParent属性
weixin_44626980的博客
06-29 316
大家好，我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编，也是冬天不穿秋裤，天冷也要风度的程序猿！今天我们将深入探讨在前端开发中常用的一个属性——HTML元素的。属性，这是前端开发中常用于布局和定位的重要属性。属性用于描述一个元素的包含块（containing block），即元素在页面布局中的参照物。属性，可以帮助开发者更好地处理页面布局和定位的需求，提升用户体验和页面性能。如果项目中使用了jQuery，可以使用其提供的方法来获取元素的。在前端开发中，我们经常需要获取元素的。
html中如何写一个提示框,css画一个提示框
weixin_47634487的博客
06-19 558
在HTML中，提示框通常使用<div>元素来创建，然后使用CSS进行样式化。以下是一个示例，展示如何在HTML中写一个提示框，并使用CSS来设计其外观。
golang template HTML动态模板解析实现
06-29 181
动态模板解析这里的关键点就是如何将指定的模板文件解析为HTML字符串，一般我们常见的就是直接将模板文件解析后输出到浏览器， 而这里是将模板文件解析后返回HTML格式的字符串，这就需要我们使用自定义的writer来接收模板解析后的内容，然后将这些内容返回， 注意这里在返回的时候必须使用 template.HTML 类型， 否则你返回的字符串将是被转码后的html，是不会被浏览器渲染的。
HTML DOM 简介
wjs2024的博客
06-26 433
HTML DOM是一个强大的工具，它允许您动态地访问和更新HTML文档的内容、结构和样式。通过使用DOM方法，您可以轻松地查找元素、修改元素、添加和删除元素以及处理事件。掌握HTML DOM对于开发动态和交互式的Web应用程序至关重要。
HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）
weixin_42283461的博客
06-21 461
HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）
HTML/CSS 基础 2
Qj60776671的博客
06-26 348
html与css
纯JS将HTML生成pdf
mqiqe的专栏
06-27 671
该方案使用纯js脚本将页面html内容转换成pdf。
如何在 HTML 中实现响应式设计以适应不同设备的屏幕尺寸？
xy520521的博客
06-20 563
使用媒体对象：媒体对象是一种常用的用于排列图片、文本和其他内容的响应式设计模式。通过将图像和文本包装在一个容器中，并使用CSS使其在不同设备上显示不同的布局，可以实现响应式的媒体对象。使用弹性网格：使用CSS框架如Bootstrap或Foundation等，可以更方便地实现响应式设计。要在HTML中实现响应式设计以适应不同设备的屏幕尺寸，可以使用CSS媒体查询和流动布局。通过结合使用这些技术和工具，可以实现在HTML中进行响应式设计以适应不同设备的屏幕尺寸。
简单的text/html无法解析解决记录
qq_19342829的博客
06-26 695
could not extract response: no suitable HttpMessageConverter found for response type [**] and content type [text/html;charset=UTF-8]
java将html转成图片
初心不忘、始终方得
06-26 531
使用java将html页面转成图片，三行代码搞定了
设置HTML元素的背景颜色
weixin_44626980的博客
06-29 265
在本文中，我们将探讨如何使用HTML和CSS来设置HTML元素的背景颜色。背景颜色是网页设计中重要的视觉元素之一，可以帮助提升用户体验和页面美观度。通过本文，我们详细介绍了如何使用HTML和CSS来设置HTML元素的背景颜色。无论是直接在HTML中使用内联样式，还是通过外部CSS文件管理样式，都可以轻松地为网页元素添加各种背景颜色！通常，为了更好地管理样式，我们将样式定义在单独的CSS文件中，并通过链接在HTML中引入。在HTML和CSS中，通过简单的代码就可以设置元素的背景颜色。
网页元素定位秘籍：从HTML探秘到Python自动化实战20240626
Narutolxy的博客
06-26 804
通过本文的深入探索，我们不仅了解了HTML的基本结构和常见标签，还掌握了使用Python和Selenium进行网页元素定位的核心技术。从简单的ID和Class定位到复杂的XPath和CSS Selector选择，每种方法都有其适用场景和优势。现在，你已经具备了网页自动化所需的关键技能。无论是在测试、数据采集还是自动化脚本编写中，这些技术都将成为你的得力助手。继续前进吧，未来的网页自动化专家！
html引入别的html文件(类似于框架的组件使用,只适合静态的,不适合组件传值)
最新发布
weixin_68658847的博客
06-29 252
html引入别的html文件(类似于框架的组件使用,只适合静态的,不适合组件传值)
HTML DOM 修改 HTML 内容
06-27 315
HTML DOM（文档对象模型）是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化表示，并定义了一种方式来访问和操作文档的内容、结构和样式。在网页开发中，使用 HTML DOM 可以动态地修改 HTML 元素的内容、属性和样式。
用vue常用标签创建一个表格
04-27
可以使用 Vue 的内置指令 `v-for` 和 `v-bind` 来创建表格，以下是一个简单的示例： ```html <table> <thead> <tr> <th>ID</th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr v-for="(person, index) in people" :key="index"> <td>{{ person.id }}</td> <td>{{ person.name }}</td> <td>{{ person.age }}</td> </tr> </tbody> </table> ``` 在 Vue 实例中，我们需要定义一个 `people` 数组，该数组包含了我们要显示的数据。例如： ```javascript new Vue({ el: "#app", data: { people: [ { id: 1, name: "Alice", age: 25 }, { id: 2, name: "Bob", age: 30 }, { id: 3, name: "Charlie", age: 35 } ] } }); ``` 这样就可以通过 `v-for` 指令来循环遍历 `people` 数组，并使用 `v-bind` 指令将每个人的属性绑定到表格中的单元格中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值