使用Dreamweaver MX制作基础简易6行8列个人简历表格。

（1）打开Dreamweaver MX。

（2）在【插入面板】的【常用】对象组中单击【表格】图标，生成6行8列的表格。

（3）调整表格各栏的高度和宽度，部分单元格需要合并。

（4）在单元格中设置字体、字号、字形、颜色和大小等，根据需要添加超链接和列表标记点。

（5）插入图片或其他图片，调整图片大小，固定的约束比及宽高。

（6）输出为html文件，用浏览器打开即可。

详解：首先建一个文件夹命名，比如命名为个人简历，然后把需要编写的html文件放在这个文件夹下，再重新建一个文件夹image放入所需照片。这样做的目的是方便查找，不会因为照片路径不同什么的再做困扰，整个文件夹就是一个单独的小空间。

然后是软件方面，其实用什么软件都无所谓的，只要能编html就行。

接下来是代码，里边的数据什么可以根据个人想要的效果加以改动。刚学这东西，希望大佬们不要见笑。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>table {width: 750px;border-collapse: collapse;padding: 20px 20px;}tr :hover{background-color: #f5f5f5;}ul {list-style-position: outside;}caption {padding: 40px ;}td {height: 50px;}.igg {background-image: url("image/369.jpg");background-size: cover;background-position: center;width: 175px;height: 200px;}</style>
</head>
<body><table  border="2" align="center" ><caption><strong>个人简历样表</strong></caption><tbody><tr align="center"><td><strong>姓名</strong></td><td>小A</td><td><strong>出生日期</strong></td><td>2001.07.08</td><td><strong>性别</strong></td><td>女</td><td><strong>籍贯</strong></td><td>****</td></tr><tr align="center"><td><strong>学历</strong></td><td>**</td><td><strong>毕业院校</strong></td><td>******</td><td><strong>专业</strong></td><td colspan="3">***</td></tr><tr align="center"><td ><strong>联系地址</strong></td><td colspan="7">*************</td></tr><tr><td align="center"><strong>格言</strong></td><td colspan="7"><p>大地丰盈，人间并不寂寥。 </p></td></tr><tr><td align="center"><strong>信息</strong></td><td colspan="6" ><ul><li>电话：4567891562</li><li>邮件地址：<a href="#" target="_blank">789456214@qq.com</a></li><li>QQ：7895546955</li></ul></td><td rowspan="5" class="igg"></td></tr><tr><td align="center"><strong>备注</strong></td><td colspan="6"><ul><li>个人主页：<a href="#" target="_blank">https://aiwe.com.edu/</a></li><li>本班同学名单：<a href="#" target="_blank">www.sudia.com.cn/</a></li></ul></td></tr></tbody></table>
</body>
</html>

这是展示图：

以上信息和备注都是虚构的，我自认为这个简历发展空间还是很大的，大家有兴趣可以自己改动一下字体和排版什么的，再加一些内容啊背景啊，超链接什么的其他元素，想必应该会更精致更吸引眼球。

使用Dreamweaver MX制作基础简易6行8列个人简历表格。相关推荐

数独解法-变形数独(第二讲：数独基础方法（行唯一列唯一宫唯一唯余数）)
第二讲:数独基础方法(行唯一列唯一宫唯一唯余数) 相对来说,宫格少的数独越好观察,就比如5X5的就很适合初学者(幼儿园或者小学),因为相对来说观察量较小,而且能比较快的模拟出结果.初学者强烈建议从5X ...
java操作跨页的word cell_Java 创建Word表格/嵌套表格、添加/复制表格行或列、设置表格跨页断行...
概述表格作为一种可视化交流模式及组织整理数据的手段,在各种场合及文档中应用广泛.常见的表格可包含文字.图片等元素,我们操作表格时可以插入图片.写入文字及格式化表格样式等.下面,将通过Java编程在W ...
phpexcel_cell 获取表格样式_Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
精品推荐国内稀缺优秀Java全栈课程-Vue+SpringBoot通讯录系统全新发布! Docker快速手上视频教程(无废话版)[免费] 作者:E-iceblue https://www.cnblo ...
java操作跨页的word cell_Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括如何在Word中创建嵌套表格. 对已有表格添加行或者列复制已有表格中的指定行或者列对跨页的表格可设置是否禁止跨页断行创建表 ...
Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行
本文将对如何在Java程序中操作Word表格作进一步介绍.操作要点包括如何在Word中创建嵌套表格. 对已有表格添加行或者列复制已有表格中的指定行或者列对跨页的表格可设置是否禁止跨页断行创建表 ...
Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
点击上方 "程序员小乐"关注公众号, 星标或置顶一起成长每天凌晨00点00分, 第一时间与你相约每日英文 Destiny decides who enters your lif ...
oracle行转列pivot使用详解,SQL基础教程之行转列Pivot函数
前言未来的一个月时间中,会总结一系列SQL知识点,一次只总结一个知识点,尽量说明白,下面来说说SQL 中常用Pivot 函数(这里是用的数据库是SQLSERVER,与其他数据库是类似的,大家放心看就 ...
html tr固定行高列宽,HTML表格固定格式：行高列宽
在开发的过的久请屏气实近时后求蔽风现近时后求蔽风现程中,有些表格对于客户来说是必须固定的,然而table的列宽和行高很难保持不变,在网上找了很多资料,都不是很好,但是从Excel导出的html时就是严 ...
pandas数据处理基础——筛选指定行或者指定列的数据
pandas主要的两个数据结构是:series(相当于一行或一列数据机构)和DataFrame(相当于多行多列的一个表格数据机构). 本文为了方便理解会与excel或者sql操作行或列来进行联想类比 ...

使用Dreamweaver MX制作基础简易6行8列个人简历表格。

使用Dreamweaver MX制作基础简易6行8列个人简历表格。相关推荐

最新文章

热门文章