html个人信息表制作（适合初学者）

lsy的博客

已于 2022-12-04 17:16:09 修改

阅读量4.4k

点赞数 1

分类专栏： html 文章标签： html 前端 java

于 2022-12-04 17:12:45 首次发布

本文链接：https://blog.csdn.net/qq_51730402/article/details/128174194

版权

这篇博客适合初学者，讲解如何制作HTML个人信息表。首先在头部设置标题和链入外部CSS，然后在body部分创建表格，详细说明了如何插入图片、使用colspan和rowspan进行行列合并。还提供了一个完整的个人信息表作为参考，并鼓励读者新建CSS文件进行实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

编写HTML头部，设置标题和链入外部CSS设置。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>个人信息表制作</title>
        <link type="text/css" href="./css/lsy.css" rel="stylesheet">
        <style>
            table{
     border-color: darkgray;border-style: outset;}
        </style>
    </head>

在头部设置中，加入了style属性，在初步操作时，大家可以先对属性具体设置空出来，编写玩body部分之后，再回来编写style属性。

那么现在我们来正式编写body部分。
在< body >和< /body >中间设置表格属性。

        <h3>个人简历</h3>  /*表格标题设置*/
        <table border="1" cellpadding="0" cellspacing="0" >
            <tr>
                <td class="center">姓名</td>
                <td class="no-center">李**</td>
                <td class="center">学号</td>
                <td class="no-center">2019309891</td>
                <td class="center">出生日期</td>
                <td class="no-center">2000.10</td>
                <td rowspan="5" class="jpg"><img src="./image/image.jpg" width="100" height