网页设计——简单个人简历制作

橘子嘻

已于 2023-08-03 22:51:03 修改

阅读量1.6k

点赞数

分类专栏：网页设计文章标签： html

于 2023-07-04 22:29:02 首次发布

本文链接：https://blog.csdn.net/m0_62627288/article/details/131544304

版权

网页设计专栏收录该内容

3 篇文章 0 订阅

订阅专栏

作业要求：创建一个HTML文档，完成个人简历的制作，具体形式如图所示

具体要求：

1.表格的标题是“个人简历” 采用一级标题文字（注意这里需要用到的HTML标记<caption>和<h1>）；

2.创建表格（表格的边框为1.5像素，边框的颜色为默认的黑色）填充简历的具体内容，简历中要求插入一张个人照片，其中“教育背景”部分，在填充内容时要求用到有序列表.

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>这是我的个人简介</title>
</head>

<body>
<table align="center" frame="border" border="1.5" height="420" width="700" rules="all">
<caption><h1 align="center">个人简介</h1></caption>
<tr>
	<td colspan="4" height="28"><p><font size="+3" color="#000000"><b>某某某</b></font><br /><br />知足而上进，温柔且坚定</p></td>
    <td rowspan="4" valign="middle"><img src="images/images.jpg.jpg" width="150" height="200" /> </td>
</tr>

<tr>
	<th>年&nbsp;&nbsp;龄:</th><td valign="middle">19岁</td><th>性&nbsp;&nbsp;&nbsp;&nbsp;别:</th><td valign="middle">女</td>
</tr>

<tr>
	<th>民&nbsp;&nbsp;族:</th><td valign="middle">汉族</td><th>婚姻状况:</th><td valign="">未婚</td>
</tr>

<tr>
	<th>联系电话:</th><td valign="middle">183****9296</td><th>邮&nbsp;&nbsp;箱:</th><td valign="middle">20******91@qq.com</td>
</tr>

<tr>
	<th>教育背景</th><td colspan="4"> 
    <ol type="1">
    	<li>入学时间:2022-9-10</li>
        <li>学校名称:XXXXXXXXXXXXXX</li>
        <li>学院名称:XXXXXXXXXXXXXX</li>
        <li>专业名称:XXXXXXXXXXXXXX</li>
    </ol>
</tr>

</body>
</html>

注：代码中图片需要根据自己设计的具体更改；

效果图如下：

橘子嘻

关注

0
点赞
踩
20

收藏

觉得还不错? 一键收藏
0
评论
网页设计——简单个人简历制作

2.创建表格（表格的边框为1.5像素，边框的颜色为默认的黑色）填充简历的具体内容，简历中要求插入一张个人照片，其中“教育背景”部分，在填充内容时要求用到。1.表格的标题是“个人简历” 采用一级标题文字（注意这里需要用到的HTML标记和）；作业要求：创建一个HTML文档，完成个人简历的制作，具体形式如图所示。注：代码中图片需要根据自己设计的具体更改；
复制链接

扫一扫