Making a simple resume with HTML5

Here is a picture, you can see the label I used.

The < video > tag is used to play the video, which can be used for reference.


<!DOCTYPE html>
<html>
<head>
<title>curriculum vitae</title>
<meta name = "author" content = "Eternally">
<meta name = "keywords" content = "Eternally">
<mate name="description" content="Eternally Resume of"/>
<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=Microsoft YaHei  size=7><b><a href=http://blog.csdn.net/qq_38712932 target="_blank">Eternally Resume of</b></font></td></tr>

<tr height=60 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=Microsoft YaHei  size=6><b>Full name</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>Eternally</font></td>
<td width=120 colspan=2 align=center><font face=Microsoft YaHei  size=6><b>Gender</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>male</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=Microsoft YaHei  size=6><b>date of birth</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>secrecy</font></td>
<td width=120 colspan=2 align=center><font face=Microsoft YaHei  size=6><b>Nation</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>Chinese</font></td>
</tr>

<tr height=60 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=Microsoft YaHei  size=6><b>Education</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>college student</font></td>
<td width=120 colspan=2 align=center><font face=Microsoft YaHei  size=6><b>major</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>software engineering</font></td>
</tr>

<tr height=60 bgcolor=#AFEEEE align=center>
<td width=120 colspan=2 align=center><font face=Microsoft YaHei  size=6><b>Native place</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>secrecy</font></td>
<td width=120 colspan=2 align=center><font face=Microsoft YaHei  size=6><b>contact number</b></font></td>
<td width=120 colspan=2 align=center><font face=Chinese Xingkai size=6>11012012580</font></td>
</tr>

<tr height=60 bgcolor=#AFEEEE align=center>
<td width=120  colspan=2 align=center><font face=Microsoft YaHei  size=6><b>Graduate School</b></font></td>
<td width=120 colspan=8 align=center><font face=Chinese Xingkai size=6>secrecy</font></td>
</tr>

<tr height=60 bgcolor=#AFEEEE align=center>
<td width=120  colspan=2 align=center><font face=Microsoft YaHei  size=6><b>address</b></font></td>
<td width=120 colspan=8 align=center><font face=Chinese Xingkai size=6>secrecy</font></td>
</tr>

<tr height=60 bgcolor=#AFEEEE align=center>
<td width=120  colspan=2 align=center><font face=Microsoft YaHei  size=6><b>mailbox</b></font></td>
<td width=120 colspan=8 align=center><font face=Chinese Xingkai 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=Microsoft YaHei   size=6><b>social practice</b></font></td>
<td width=840  colspan=8><font face=Chinese Xingkai size=6>
<p>  <i>Participated in the teaching activities of Jane Eyre Foundation</i><br>
     <u>Participated in the propaganda activities of Marxism College</u><br>
    <sup>I have participated in walking in love.</sup></br>
     <sub>Wait......</sub></p>
</font></td></tr>

<tr height=180 bgcolor=#AFEEEE >
<td width=120 colspan=2><font face=Microsoft YaHei   size=6><b>Personal profile</b></font></td>
<td width=840  colspan=8><font face=Chinese Xingkai size=6>
<ol>    
<li>Love music
<li>go in for sports
<li>Love life
</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="The most beautiful couple.mp4"  type="video/mp4">
  Your browser does not support HTML5 video label.
</video>

</p>
</div>
</body>
</html>
curriculum vitae
Resume of Eternally
Full name Eternally Gender male
date of birth secrecy Nation Chinese
Education college student major software engineering
Native place secrecy contact number 11012012580
Graduate School secrecy
address secrecy
mailbox
11012012580@qq.com
social practice

Participated in the teaching activities of Jane Eyre Foundation
Participated in the propaganda activities of Marxism College
I have participated in walking in love. Wait

Personal profile
  1. Love music
  2. go in for sports
  3. Love life

Your browser does not support HTML5 video Tags.


Tags: html5

Posted on Tue, 05 May 2020 06:04:03 -0400 by BlackKite