基于HTML中的 table制作简历（表格）

作者：System 时间：2024年08月17日分类：所有,html 字数：1443

以下是一个简单的HTML代码示例，展示了如何使用表格来制作简历：




<!DOCTYPE html>
<html>
<head>
    <title>简历</title>
    <style>
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid black;
            padding: 8px;
        }
        th {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>
 
<table>
    <tr>
        <th colspan="2" style="text-align: center;">个人资料</th>
    </tr>
    <tr>
        <td>姓名</td>
        <td>张三</td>
    </tr>
    <tr>
        <td>联系电话</td>
        <td>1234567890</td>
    </tr>
    <tr>
        <td>电子邮件</td>
        <td>zhangsan@example.com</td>
    </tr>
    <tr>
        <td>地址</td>
        <td>123 广州路, 北京市</td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">教育背景</td>
    </tr>
    <tr>
        <td>2010-2014</td>
        <td>本科，计算机科学，某大学</td>
    </tr>
    <tr>
        <td>2006-2010</td>
        <td>高中，某大学</td>
    </tr>
    <tr>
        <td colspan="2" style="text-align: center;">技能</td>
    </tr>
    <tr>
        <td colspan="2">编程语言：Python, JavaScript, Java</td>
    </tr>
    <tr>
        <td colspan="2">数据库：MySQL, PostgreSQL</td>
    </tr>
    <tr>
        <td colspan="2">操作系统：Linux, Windows</td>
    </tr>
</table>
 
</body>
</html>

这段代码使用了HTML的<table>元素来创建一个简历样式的表格。表格中的每一行由<tr>元素定义，表头用<th>元素表示，表数据用<td>元素表示。CSS样式用于美化表格的外观。这个简历样例提供了基本的个人信息、教育背景和技能部分。

基于HTML中的 table制作简历（表格）

评论已关闭

推荐阅读