<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>

涉及的知识：

1、topmargin="0" 你设计的框架里网页上方的距离是多少0就是没有(英文翻译上边距)

2、leftmargin="0" 你设计的框架里网页左边的距离是多少0就是没有，如果居中显示就不需要左边了。(英文翻译左边距)

3、border="0"网页的边距

4、width="960"网页的宽度，也可以用百分比来计算

5、align="center"剧中显示

6、cellspacing="0" 单元格的间距

7、cellpadding="0" 单元格的边距

8、height="500"网页的高度，也可以用百分比来计算

9、<font size="6"> 可以设置字体的格式以及字体的大小

10、<b></b>字体加粗

11、<table><tr><td></td></tr></table> 表格，td是行，th是列。

　　

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

  1. HTML5：表格相关标记及其属性

    表格相关标记及其属性 <table>:表格,包括以下属性 属性 说明 width 宽度(有像素和百分比两种表示方法) height 高度(有像素和百分比两种表示方法) border 边框粗 ...

  2. 复习-css列表和表格相关属性

    css列表和表格相关属性 list-style:设置所有列表属性 list-style-image:将图像设置为列表项标记,主要有url值 list-style-position:设置列表项标记的放置 ...

  3. Html网页表格结构化标记的应用

    在讲网页表格的结构化标记之前,还是先看几幅图片. Html表格的结构化 所谓的结构化,正如上述第一副图所看到的,就是把我们的表格划分为三种:表头.表体.表尾.从而当我们在改动表体部分的时候,不会影响到 ...

  4. HTML标记语法之表格元素

    语法与语义: <table>和</table>定义表格的开始和结束 <thead>和</thead>定义表格头部的开始和结束 <tbody> ...

  5. Layui表格之动态添加数据（表格多选解决方案）

    前言: Layui已经给出了多选记录的解决方案,是在每条数据的前面加上CheckBox,每次选择都有监听.效果是这样: 实现监听的代码如下,这是一种解决选择多条数据的方案: table.on('edi ...

  6. vue原生表格怎样实现动态列及表格数据下载

    最近项目经常用到带有合并效果以及动态列的表格,而翻阅iview和element-ui官网没有找到合适的(也有可能自己的水平有限,不会改写),所以只好自己用原生表格写了一个,具体效果如下: 这个表格右侧 ...

  7. 在Vue前端界面中，几种数据表格的展示处理，以及表格编辑录入处理操作。

    在Vue前端项目中,我这里主要是基于Vue+Element的开发,大多数情况下,我们利用Element的表格组件就可以满足大多数情况的要求,本篇随笔针对表格的展示和编辑处理,综合性的介绍几款表格组件的 ...

  8. excel表格中打开可以显示整个表格但是打印却只能打印一个单元格

    excel表格中打开可以显示整个表格但是打印却只能打印一个单元格 如下图显示 解决办法 2007 版菜单栏上 ----->页面布局----->打印区域----->取消打印.即可正常. ...

  9. jQuery 选择表格(table)里的行和列及改变简单样式

    本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变,希望它可以对jQuery表格处理的深层学习提供一些帮助jQuery对表格(table)的处理提供了相当强大的功能,比如说对 ...

随机推荐

  1. bzoj 4310 跳蚤 —— 后缀数组+二分答案+贪心

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=4310 二分答案——在本质不同的子串中二分答案! 如果二分到的子串位置是 st,考虑何时必须分 ...

  2. 洛谷P3373线段树模板2

    题目:https://www.luogu.org/problemnew/show/P3373 带乘的线段树,更新时把加的标记也乘一下,然后取值时先乘后加. 代码如下: #include<iost ...

  3. Oracle创建表,并添加默认值和备注

    create table testemp( id varchar2(50) default sys_guid(),deptno varchar2(20) ,--部门编码 ename varchar2( ...

  4. UDK更改启动画面及载入动画

    转自:http://www.unrealchina.org/forum.php?mod=viewthread&tid=246&extra=page%3D1 方法很简单: 1.更改启动画 ...

  5. 排名Top 16的Java实用类库

    (转载: http://www.hollischuang.com/archives/1606) github地址: https://github.com/liufeiSAP/javaStudy.git ...

  6. java递归demo---

    递归思想: 递归就是方法里调用自身 在使用递归策略时,必须有一个明确的递归结束条件,称为递归出口 递归算法代码显得很简洁,但递归算法解题的运行效率较低.所以不提倡用递归设计程序. 在递归调用的过程中系 ...

  7. JavaScript与DOM常见面试题

    1. JavaScript 1.1.简要描述 JavaScript的数据类型? 参考答案: Java Sc ri pt 的数据类型可以分为原始类型和对象类型.原始类型包括 string. number ...

  8. 【244】◀▶IEW-Unit09

    Unit 9 Food 1)Model1题目及范文讲解 In the world today, there is a problem with food production. As a result ...

  9. HDU - 5534 Partial Tree（每种都装的完全背包）

    Partial Tree In mathematics, and more specifically in graph theory, a tree is an undirected graph in ...

  10. codevs 3162 抄书问题

    3162 抄书问题 题目描述 Description 现在要把M本有顺序的书分给K个人复制(抄写),每一个人的抄写速度都一样,一本书不允许给两个(或以上)的人抄写,分给每一个人的书,必须是连续的,比如 ...