表格页面 表格标签 1、标题标签<Caption>用于定义表格的标题。 align属性:控制标题位置。 取值为:

Slides:



Advertisements
Similar presentations
第5章 表格的设计与 制作. 内容提要 表格的创建、编辑 表格的属性设置 特效表格的制作 布局表格的基本操作 表格和布局表格的应用.
Advertisements

Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
计算机网络与网页制作 Chapter 13 :使用表格 复旦大学计算机学院 肖川 1.
HyperText Markup Language
ASP.NET 網頁製作教本 -- 從基本語法學起
HTML第一课 李 伟 HTML开发语言基础.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
动态网页制作 第1章 HTML语言1.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
第五章 创建表格.
第7章 表 格 清华大学出版社.
第三讲 站点链接与表格布局.
教学内容 1、演示并讲解用表格布局制作的网页 2、用表格制作网页.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网页 设计与制作.
幸福大讲堂 也谈老年朋友的 “老有所□” 爸妈在线专家宣讲团 ——老年朋友如何乐度后半生概述 主讲:钱锡安
第3章 HTML语言 3.1 HTML文档的基本结构 3.2 文字排版 3.3 图片排版 3.4 超级链接 3.5 表格 3.6 框架窗口
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
第7章 Web技术和HTML 孙焘.
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
武汉纺织大学传媒学院 cm.wtu.edu.cn
網際網路的應用服務 – Web 概念與網頁語言
第二章 網際網路網頁的設計.
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
  本章共分21个实例,主要内容包括HTML 创建与测试、html的文档结构、常用标记的使 用、表格和层的使用技灵活掌握等内容。
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
PHP程式設計 二、HTML & PHP基本語法 建國科技大學 資訊管理學系 饒瑞佶.
湖北职院计科系.
教師: 陳明瑤 電郵: 網際網路應用-網頁設計3 教師: 陳明瑤 電郵:
DreamWeaver MX (II) 林偉川.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 13 章 陣列應用.
行政院研究發展考核委員會 【網頁無障礙設計】說明會
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
武汉纺织大学传媒学院 cm.wtu.edu.cn
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
Ch.13 HTML網頁實作.
第2章 超文本标记语言HTML.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
Ch03 HTML5 + CSS 表格與多媒體 網頁程式設計.
授课教师:姬广永 QQ: TEL: 学习交流网站:
第一部分 HTML语言与网页设计 一、HTML基本标记 ●在HTML语言中,其标记大多成对出现。 <html>
W3C标准网页制作 主讲教师:张 涛.
W3C标准网页制作 主讲教师:张 涛.
网页制作基础 CNIC 王桦.
图片字体页面 一、文字标签 1、标题标签(Header)
武汉纺织大学传媒学院 cm.wtu.edu.cn
W3C标准网页制作 主讲教师:张 涛.
UI 软件 设计 页面布局(三).
HTML – 表格 資訊教育.
第7节 HTML表格 武汉纺织大学传媒学院 cm.wtu.edu.cn 2019/4/8 传媒学院.
产品推广 PRODUCT PROMOTION PRESENTED BY OfficePLUS.
网 站 设 计 与 建 设 Website design and developments
網站(web) 授課:方順展.
项目二:HTML语言基础.
第六章 Excel的应用 一、Excel的单元格与区域 1、单元格:H8, D7, IV26等 2、区域:H2..D8, HS98:IT77
第6章 使用CSS修饰常见的网页元素 主讲人:刘泰然 经济管理学院.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第6章 使用CSS修饰常见的网页元素 经济管理学院.
表格 (Table).
分頁.
第2章 块级标签 经济管理学院.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 12 章 迴圈指令.
课题:表格布局 授课教师:陈树胜.
HTML5.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

表格页面 表格标签 1、标题标签<Caption>用于定义表格的标题。 align属性:控制标题位置。 取值为: align=top 标题位于表格的顶部(缺省) align= bottom 标题位于表格的底部

表格页面 表格标签 2、表标签<Table> border属性:用于控制表格的边框大小。border的取值为像素。无边框时取值为0。 bordercolor属性:在有边框的前提下,控制表格的边框颜色。取值请参看页面控制中的bgcolor属性的取值方法。 bordercolorlight、bordercolordark属性:在有边框的前提下,这两个属性可以用于控制表格的不同边框颜色。取值参看页面控制中的bgcolor属性的取值方法。

表格页面 表格标签 2、表标签<Table> width属性:控制表格在浏览器窗口中的宽度。width的取值可以为像素点或百分比。 align属性:表格的对齐方式。 取值为: align=center 表示表格居中对齐 align=left 表示表格左对齐(缺省) align=right 表示表格右对齐

表格页面 表格标签 2、表标签<Table> bgcolor属性:用于控制表格的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性:用于控制表格的背景图片。取值参看页面控制中的background属性的取值方法。 cellspacing属性:用于标识表格单元之间的空白总数,单位是像素。 cellpadding属性:标识表格单元边缘和单元内容之间的空格数,单位是像素。

表格页面 表格标签 2、表标签<Table> frame属性:用于控制表格的外部边框的显示。 取值为: frame=void 无边框 frame=above 仅有顶框 frame=below 仅有底框 frame=hsides 有顶框和底框 frame=lhs 有左边框 frame=rhs 有右边框 frame=vsides 有左右边框 frame=box 所有边框

表格页面 表格标签 2、表标签<Table> rules属性:用于控制表格内部边框的显示。 取值为: rules=none 没有内部边框 rules=basic 所有内部边框 rules=rows 仅有水平边框 rules=cols 仅有垂直边框

表格页面 表格标签 3、行标签<Tr> 定义了表格的行,用户可以通过不同的属性来控制。 align属性:控制行左右对齐方式。取值为: align=center 表示文本居中对齐 align=left 表示文本左对齐(缺省配置) align=right 表示文本右对齐 vaign属性:控制行上下对齐方式。取值为: vaign=top 表示文本顶端对齐 vaign= middle 表示文本居中对齐 vaign=baseline 表示文本基线对齐

表格页面 表格标签 3、行标签<Tr> bgcolor属性:行的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性:行的背景图片。取值参看页面控制中的background属性的取值方法。 bordercolor属性:控制行的边框颜色,取值参看页面控制中的bgcolor属性的取值方法。 bordercolorlight属性:控制行的三维边框的颜色较轻部分,取值参看页面控制中的bgcolor属性的取值方法。 bordercolordark属性:控制行的三维边框的颜色较重部分,取值参看页面控制中的bgcolor属性的取值方法。

表格页面 表格标签 4、单元格<Td>标签 定义了表格的单元格。 align属性:控制单元格左右对齐方式。取值为: align=center 表示文本居中对齐 align=left 表示文本左对齐(缺省) align=right 表示文本右对齐 vaign属性:控制单元格上下对齐方式。取值为: vaign=top 表示文本顶端对齐 vaign= biddle 表示文本居中对齐(缺省) vaign= bottom 表示文本底端对齐

表格页面 表格标签 4、单元格<Td>标签 rowspan属性:控制单元格行数的延伸,取值为自然数。 colspan属性:控制单元格列数的延伸,取值为自然数。 width属性:控制单元格列的宽度。取值为像素,或根据所占浏览器屏幕的部分的百分比来表示。 bgcolor属性:单元格的背景颜色。取值参看页面控制中的bgcolor属性的取值方法。 background属性:单元格的背景图片。取值参看页面控制中的background属性的取值方法。

表格页面 表格标签 4、单元格<Td>标签 bordercolorlight属性:控制单元格三维边框的颜色较轻部分,取值参看页面控制中的bgcolor属性的取值方法。 bordercolordark属性:控制单元格三维边框的颜色较重部分,取值参看页面控制中的bgcolor属性的取值方法。 需要说明的是,<Td>标签必须在<Tr>内使用,如果同样的属性(如背景颜色)取值所定义的有所不同的话,以<Td>标签内的属性为主。<Tr>标签必须在<Table>标签内使用,如果同样的属性(如背景颜色)取值所定义的有所不同的话,以<Tr>标签内的属性为主。

表格页面 表格页面 代码如下: <html> <head> <title>表格</title> </head> <body > <table border=2 width=80% bgcolor=#ffff00 frame=above rules=rows> <caption>表格标题</caption> <tr> <td colspan=2>表格的背景颜色为黄色,外部仅有顶框,内部仅有水平边框。第一行第一列做了列延展。</td> </tr> <tr bgcolor=#00ff00 > <td valign=top>第二行的背景颜色为绿色,文字顶端对齐</td> <td bgcolor=pink>背景颜色为粉色,覆盖了列的背景颜色</td> <tr align=right> <td background=e:\wz\picture\wave.jpg >背景图片</td> <td >文字居中对齐</td> </table> </body> </html>