8.html表格相关的标记9.html表格实战《简单的网页布局》
<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表格实战《简单的网页布局》的更多相关文章
- HTML5:表格相关标记及其属性
表格相关标记及其属性 <table>:表格,包括以下属性 属性 说明 width 宽度(有像素和百分比两种表示方法) height 高度(有像素和百分比两种表示方法) border 边框粗 ...
- 复习-css列表和表格相关属性
css列表和表格相关属性 list-style:设置所有列表属性 list-style-image:将图像设置为列表项标记,主要有url值 list-style-position:设置列表项标记的放置 ...
- Html网页表格结构化标记的应用
在讲网页表格的结构化标记之前,还是先看几幅图片. Html表格的结构化 所谓的结构化,正如上述第一副图所看到的,就是把我们的表格划分为三种:表头.表体.表尾.从而当我们在改动表体部分的时候,不会影响到 ...
- HTML标记语法之表格元素
语法与语义: <table>和</table>定义表格的开始和结束 <thead>和</thead>定义表格头部的开始和结束 <tbody> ...
- Layui表格之动态添加数据(表格多选解决方案)
前言: Layui已经给出了多选记录的解决方案,是在每条数据的前面加上CheckBox,每次选择都有监听.效果是这样: 实现监听的代码如下,这是一种解决选择多条数据的方案: table.on('edi ...
- vue原生表格怎样实现动态列及表格数据下载
最近项目经常用到带有合并效果以及动态列的表格,而翻阅iview和element-ui官网没有找到合适的(也有可能自己的水平有限,不会改写),所以只好自己用原生表格写了一个,具体效果如下: 这个表格右侧 ...
- 在Vue前端界面中,几种数据表格的展示处理,以及表格编辑录入处理操作。
在Vue前端项目中,我这里主要是基于Vue+Element的开发,大多数情况下,我们利用Element的表格组件就可以满足大多数情况的要求,本篇随笔针对表格的展示和编辑处理,综合性的介绍几款表格组件的 ...
- excel表格中打开可以显示整个表格但是打印却只能打印一个单元格
excel表格中打开可以显示整个表格但是打印却只能打印一个单元格 如下图显示 解决办法 2007 版菜单栏上 ----->页面布局----->打印区域----->取消打印.即可正常. ...
- jQuery 选择表格(table)里的行和列及改变简单样式
本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变,希望它可以对jQuery表格处理的深层学习提供一些帮助jQuery对表格(table)的处理提供了相当强大的功能,比如说对 ...
随机推荐
- Scala学习——泛型[T]的6种使用(初)
package com.dtspark.scala.basics /** * 1,scala的类和方法.函数都可以是泛型. * * 2,关于对类型边界的限定分为上边界和下边界(对类进行限制) * 上边 ...
- .NETFramework:WebClient
ylbtech-.NETFramework:WebClient 1.程序集 System, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5 ...
- 表单enctype属性
首先知道enctype这个属性管理的是表单的MIME编码.共有三个值可选:1.application/x-www-form-urlencoded2.multipart/form-data3.text/ ...
- [codeforces274b]Zero Tree(树形dp)
题意:给出一棵树,每个点有权值,每次操作可以对一个联通子集中的点全部加1,或者全部减1,且每次操作必须包含点1,问最少通过多少次操作可以让整棵树每个点的权值变为0. 解题关键:自底向上dp,记录up, ...
- POJ-2229
Sumsets Time Limit: 2000MS Memory Limit: 200000K Total Submissions: 19599 Accepted: 7651 Descrip ...
- 使用gdb调试c程序莫名退出定位 exit 函数
gdb 程序名称 b exit //设置exit函数断点 run //运行程序 bt //查看程序调用堆栈,定位到exit所在行
- div内textarea 居中
textarea 实现div内居中,可以使用text-align:center,因其为行内元素.
- Photoshop学习:打开PS之前需要...
颜色:色相(色彩名称):赤橙黄... H 色彩饱和度(纯度):?% S 明度(明暗):B HSB:人眼所看到的 拾色器 色相环 中间亮 边缘饱和度 黑颜色无色相,灰度有 光的三原色:红绿蓝(RGB) ...
- windows和Dos常见命令总结
linux最常见命令 (1) pwd命令pwd (即print working directory,打印工作路径) 命令的功能是显示当前的工作路径.如现在是在“/home/CAI”目录下,则可以用此命 ...
- Codeforces631C【栈维护+瞎搞】
题意: 百度. 思路: 如果该查询的R比前面的所有都大,那么前面所有都失效. 那么我先预处理出这些有效的. 那最坏的情况不就是栈里面元素(R)很多 n,n-1,n-2,n-3,n-4而且都是相反排序的 ...