web-front-end-html
/
03-SheetLayout.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body{
				border: 0px;
				padding: 0px;
				margin: 0px;
			}
		</style>
	</head>
	<body>
		<table width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
			<tr bgcolor="#363636" height="60px">
				<td>
					<table width="100%" height="100%">
						<tr height="100%" align="center">
							<td width="100px" align="left"><img src="Img/logo.png" height="60px" alt="logo.png"></td>
							<td width="100px"><font size="3" color="#FFFAFA">Home</font></td>
							<td width="100px"><font size="3" color="#FFFAFA">Unity</font></td>
							<td width="100px"><font size="3" color="#FFFAFA">Unreal</font></td>
							<td width="100px"><font size="3" color="#FFFAFA">C/C++</font></td>
							<td width="100px"><font size="3" color="#FFFAFA">C#</font></td>
							<td width="100px"><font size="3" color="#FFFAFA">OpenGL</font></td>
							<td width="100px"><font size="3" color="#FFFAFA">Data Structures and Algorithms</font></td>
							<td width="100px"><font size="3" color="#FFFAFA">Design Patterns</font></td>
							<td width="100px" align="center"><font size="3" color="#FFFAFA"><Input type="button" value="登录"></Input></font></td>
							<td width="100px" align="center"><font size="3" color="#FFFAFA"><Input type="button" value="注册"></Input></font></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="1000px" align="center">
						<tr>
							<td>
								<font size="2">首页&nbsp;/Unity&nbsp;/ShaderGraph&nbsp;</font>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="1000px" align="center" cellspacing="0" cellpadding="0">
						<tr height=100px bgcolor="white" align="center">
							<td width="200px">
								<font>学习进度条 69%</font>
							</td>
							<td width="200px">
								<font>已完成<br><font color="green"><b>18</b></font>/26 任务</font>
							</td>
							<td width="200px">
								<font>学习有效期<br>永久有效</font>
							</td>
							<td width="200px">
								<font>下一学习任务<br>学前必读</font>
							</td>
							<td width="200px">
								<font>继续学习</font>
							</td>
						</tr>

						<tr height="20px"></tr>

						<tr height="800px">
							<td colspan="5">
								<table cellspacing="0">
									<tr align="left">
										<td width="600px" bgcolor="white">
											<ul>
												<li>课时 1 : 资料.zip</li>
												<li>课时 2 : 101-为什么学习Web前端知识？</li>
												<li>课时 3 : 102-什么是HTML？</li>
												<li>课时 4 : 103-安装工具和学习方法</li>
												<li>课时 5 : 104-创建第一个网页文件</li>
												<li>课时 6 : 105-网页的基本结构（标签的基本语法）</li>
												<li>课时 7 : 106-设置文档类型和网页编码</li>
												<li>课时 8 : 107-段落标签和标题标签</li>
												<li>课时 9 : 108-标签的属性和段落的对齐属性</li>
												<li>课时 10 : 109-预格式标签和字体标签</li>
											</ul>
										</td>
										<td width="20px" height="800px"></td>
										<td width="380px" colspan="3">
											<table>
												<tr height="140px" bgcolor="white">
													<td width="380px" align="center">授课老师</td>
												</tr>
												<tr height="20px"></tr>
												<tr height="300px"  align="center" bgcolor="white">
													<td>最新学员</td>
												</tr>
												<tr height="20px"></tr>
												<tr height="300px"  align="center" bgcolor="white">
													<td>学员动态</td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
						</tr>

					</table>
				</td>
			</tr>
			<tr>
				<td>4</td>
			</tr>
			<tr height="200px" bgcolor="#1C1C1C" align="center">
				<td> <font size="2" color="#FFFAFA">课程存档<br><br>课程内容版权均归 SiKi学院所有</font></td>
			</tr>
		</table>
	</body>
</html>