用HTML5制作简单的个人简历

代码文件已经上传到github上面了 https://github.com/Eternallyc/bio

下面有图片，可以看到我所用的标签。

这其中用<video>标签实现了播放视频，可以考虑借鉴下。

<!DOCTYPE html>
<html>
<head>
<title>个人简历</title>
<meta name = "author" content = "Eternally">
<meta name = "keywords" content = "Eternally">
<mate name="description" content="Eternally的个人简历"/>
<meta charset="GBK">
</head>
<body><div id="menu" style="background-color:#AFEEEE;height:1000px; width:1080px;float:left;">
<table border=5 bordercolor=black cellspacing=0 align=center>
<tr height=120 bgcolor=    #AFEEEE align=center>
<td width=960 colspan=10 align=center><font face=微软雅黑 size=7><b><a href=http://blog.csdn.net/qq_38712932 target="_blank">Eternally的个人简历</b></font></td></tr><tr height=60 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>姓名</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>Eternally</font></td>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>性别</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>男</font></td>
<td width=180  rowspan=4
><font size=5><img  border=0 src=psb.jpg alt="Eternally" width="180" height="240"></td></tr><tr height=60 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>出生年月</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>保密</font></td>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>民族</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>汉</font></td>
</tr><tr height=60 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>学历</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>大学生</font></td>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>专业</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>软件工程</font></td>
</tr><tr height=60 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>籍贯</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>保密</font></td>
<td width=120 colspan=2 align=center><font face=微软雅黑 size=6><b>联系电话</b></font></td>
<td width=120 colspan=2 align=center><font face=华文行楷 size=6>11012012580</font></td>
</tr><tr height=60 bgcolor=#AFEEEE align=center>
<td width=120  colspan=2 align=center><font face=微软雅黑 size=6><b>毕业学校</b></font></td>
<td width=120 colspan=8 align=center><font face=华文行楷 size=6>保密</font></td>
</tr><tr height=60 bgcolor=#AFEEEE align=center>
<td width=120  colspan=2 align=center><font face=微软雅黑 size=6><b>住址</b></font></td>
<td width=120 colspan=8 align=center><font face=华文行楷 size=6>保密</font></td>
</tr><tr height=60 bgcolor=#AFEEEE align=center>
<td width=120  colspan=2 align=center><font face=微软雅黑 size=6><b>邮箱</b></font></td>
<td width=120 colspan=8 align=center><font face=华文行楷 size=6><pre>1306513880@qq.com</pre></font></td>
</tr><tr height=150 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=微软雅黑  size=6><b>社会实践</b></font></td>
<td width=840  colspan=8><font face=华文行楷 size=6>
<p>  <i>参加过简爱基金的支教活动</i><br><u>参加过马克思主义学院 的宣传活动</u><br><sup>参加过在爱中行走活动。</sup></br><sub>等等......</sub></p>
</font></td></tr><tr height=180 bgcolor=#AFEEEE >
<td width=120 colspan=2><font face=微软雅黑  size=6><b>个人简介</b></font></td>
<td width=840  colspan=8><font face=华文行楷 size=6>
<ol>
<li>爱音乐
<li>爱运动
<li>爱生活
</ol>
<hr noshade size = 5 align = center width = 100%>
</font></td></tr>
</table>
</div><div id="content" style="background-color:#EEEEEE;height:1000px;width:800px;float:left;">
<p align="center">
<video width="800" height="800" controls autoplay align=center><source src="最美情侣.mp4"  type="video/mp4">您的浏览器不支持 HTML5 video 标签。
</video></p>
</div>
</body>
</html>

个人简历

Eternally的个人简历

姓名 Eternally 性别男 出生年月 保密民族汉学历大学生专业软件工程籍贯保密 联系电话 11012012580 毕业学校 保密住址保密邮箱

11012012580@qq.com

社会实践

参加过简爱基金的支教活动
参加过马克思主义学院的宣传活动
^{参加过在爱中行走活动。} _等等......

个人简介

爱音乐
爱运动
爱生活

您的浏览器不支持 HTML5 video 标签。

用HTML5制作简单的个人简历相关推荐

电脑PHP动画制作画板,HTML_html5教程制作简单画板代码分享，HTML5制作简单画板复制代码代 - phpStudy...
html5教程制作简单画板代码分享 HTML5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min ...
使用matlab建立个人简历,HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 .btbg{ text-align:center; } 个人简历姓名性别出生日期照片民族政治面貌婚姻状况现所在地籍贯学历毕业学校专 ...
HTML 使用表格制作简单的个人简历
复习一下HTML,用表格做一个简单的个人简历 <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...
《初学》 html5 制作简单时钟
/*HTML代码*/ <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xht ...
大球吃小球html5,怎么用html5制作简单的大球吃小球的游戏
匿名用户 1级 2017-12-16 回答 <html> <head> <title> 大球吃小球by大奔 </title> <script ty ...
电脑PHP动画制作画板,html5教程制作简单画板代码分享
HTML5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">> ...
html中的脚本制作教程,html5教程制作简单画板代码分享
HTML5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">> ...
用html制作生动的画板,html5教程制作简单画板代码分享
html5制作简单画板复制代码代码如下: http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">> ...
使用html5的游戏,使用HTML5制作游戏
使用HTML5制作简单游戏记录一下自己制作游戏的基本模式和思路. 游戏架构我的游戏制作架构图: l 浏览器接入层: 提供浏览器检测能力(主要看是否支持HTML5),提供多种客户端接入的兼容处理. ...
HTML5期末大作业：电商购物网站设计——电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板
HTML5期末大作业:电商购物网站设计--电商购物网站设计(55页) 电商网页设计制作简单静态HTML网页作品购物网页作业成品学生商城网站模板常见网页设计作业题材有个人. 美食. 公司. 学 ...

用HTML5制作简单的个人简历

用HTML5制作简单的个人简历相关推荐

最新文章

热门文章