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>| 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 |
||||||||
| Personal profile |
|
||||||||
Your browser does not support HTML5 video Tags.