html-table layout

<!DOCTYPE html>
<html>
<head>
<title>简历布局</title>
</head>
<body>
<table width="800" height='800' border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="260" valign="top" bgcolor="#f2f2f2">
<table width="200" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td height="100"></td>
</tr>
<tr>
<td align="right"><img src="images/person.png"></td>
</tr>
<tr>
<td align="right">张达山</td>
</tr>
<tr>
<td align="right">12345678910</td>
</tr>
<tr>
<td align="right">[email protected]</td>
</tr>
</table>
</td>
<td width="30"></td>

<td width="480" valign="top">
<table width="480" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="80"></td>
</tr>
<tr>
<td align="right"><img src="images/resume.png"></td>
</tr>
</table>
<br />
<hr />
/> <br
<Table width = "480" height = '200 is' border = "0" cellpadding = "0" cellspacing = "0">
<TR>
<TH colspan = "2" align = left = "left"> Personal Basic situation </ TH>
</ TR>
<TR>
<td> <b> name: </ b> Cheung Tat mountain </ td>
<td> <b> Hometown: </ b> background Changping </ td>
</ TR >
<TR>
<td> <b> gender: </ b> M </ td>
<td> <b> height: </ b> 175cm </ td>
</ TR>
<TR>
<td> <b> Ethnic: </ b> Han </ TD>
<td> <b> Weight: </ b> 70kg </ TD>
</ TR>
<TR>
<td> <b> Date of birth: </ b> 1992.03.28 </ td>
<td> <b> Phone: </ b> 18,210,898,888 </ td>
</ TR>
<TR>
<td> <b> living in: </ b> Shenzhen </ td>
<td> <b> professional: </ b> industrial design </ td>
</ TR>
</ the Table>
</ td>
<td width = "30" > </ TD>
</ TR>
</ Table>
</ body>
</ HTML>

is shown below:

 

Guess you like

Origin www.cnblogs.com/fuyouqiang/p/11790894.html