8.html表格相关的标记9.html表格实战《简单的网页布局》

时间  2019-11-12
标签 8.html html 表格 相关 标记 9.html 实战 简单的网页布局 栏目 HTML 繁體版
原文   原文链接

本文转载于:猿2048网站8.html表格相关的标记9.html表格实战《简单的网页布局》php

<html>
<head>
<title>第八课标题表格</title>
<meta charset="utf-8">
</head>
<body>
	<table width="960" height="250" border="1" align="center" cellpadding="10" rules="all">
		<caption align="top"> 表格的标题</caption>
		<tr bgcolor="#ccc" align="center" valign="center">
			<th bgcolor="red" >班级</th>
			<th>姓名</th>
			<th>年龄</th>
			<th>成绩</th>
		</tr>
		<tr align="center" valign="center">
			<td>四年级一班</td>
			<td>张三</td>
			<td>16</td>
			<td>80</td>
		</tr>
		<tr  align="center" valign="center">
			<td>四年级一班</td>
			<td>李四</td>
			<td>14</td>
			<td bgcolor="#ccc"></td>
		</tr>
		<tr align="center" valign="center">
			<td>四年级一班</td>
			<td>王五</td>
			<td>18</td>
			<td>50</td>
		</tr>
		</table>
		<br/>
	<table width="960" height="250" border="1" align="center" cellpadding="10" rules="all">
		<tr bgcolor="#ccc" align="center" valign="center">
			<th bgcolor="red" >班级</th>
			<th>姓名</th>
			<th>年龄</th>
			<th>成绩</th>
		</tr>
		<tr align="center" valign="center">
			<td>四年级一班</td>
			<td>张三</td>
			<td>16</td>
			<td>80</td>
		</tr>
		<tr  align="center" valign="center">
			<td>四年级一班</td>
			<td>李四</td>
			<td>14</td>
			<td bgcolor="green">90</td>
		</tr>
		<tr align="center" valign="center">
			<td>四年级一班</td>
			<td>王五</td>
			<td>18</td>
			<td>50</td>
		</tr>		
	</table>
</body>
</html>

　　

 

<html>
<head>
<title>第八课标题网页之战布局</title>
<meta charset="utf-8">
</head>
<body leftmargin="0" topmargin="0">
	<table border="0" width="960"  align="center" cellspacing="0" cellpadding="0">
		<tr height="90" bgcolor="red" align="center"><td><font size="6"><b>网页的头部</b></font></td></tr>
		<tr>
			<td>
				<table bgcolor="yellow" width="30%" height="500" align="left">
					<tr align="center"><td><font size="6"><b>网页的左部分</b></td></tr>
				</table>
				<table bgcolor="green" width="70%" height="500" align="left">
					<tr align="center"><td><font size="6"><b>网页的右部分</b></td></tr>
				</table>
			</td>
		</tr>
		<tr height="90" bgcolor="red" align="center"><td><font size="6"><b>网页的底部</b></font></td></tr>
	</table>
</body>
</html>

涉及的知识：
一、topmargin="0" 你设计的框架里网页上方的距离是多少0就是没有(英文翻译上边距)
二、leftmargin="0" 你设计的框架里网页左边的距离是多少0就是没有，若是居中显示就不须要左边了。(英文翻译左边距)
三、border="0"网页的边距
四、width="960"网页的宽度，也能够用百分比来计算
五、align="center"剧中显示
六、cellspacing="0" 单元格的间距
七、cellpadding="0" 单元格的边距
八、height="500"网页的高度，也能够用百分比来计算
九、<font size="6"> 能够设置字体的格式以及字体的大小
十、<b></b>字体加粗
十一、<table><tr><td></td></tr></table> 表格，td是行，th是列。
相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程