表格 (Table).

Slides:



Advertisements
Similar presentations
2007 年 6 月 楚雄师范学院计科系 离 散 数 学 第三章 逻辑代数 ( 上 ) 命题演算.
Advertisements

第5章 表格的设计与 制作. 内容提要 表格的创建、编辑 表格的属性设置 特效表格的制作 布局表格的基本操作 表格和布局表格的应用.
Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
94年度無障礙網路空間 服務推廣教育訓練 講師:陳育亮 世新大學資管系副教授兼電算中心主任.
HyperText Markup Language
第六章 网页设计与制作基础.
ASP.NET 網頁製作教本 -- 從基本語法學起
中国行业发展报告 介 绍 国家信息中心中经网
近期承銷相關規定修正說明 中華民國證券商業同業公會 100年4月1日.
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
HTML概念 HTML(Hyper Text Markup Language 超文本标识语言) 是一种用来制作超文本文档的简单标记语言。
岡山區103年第12次 登革熱聯繫會報會議 岡山區公所 103年12月30日 1.
第五章 创建表格.
第7章 表 格 清华大学出版社.
第三讲 站点链接与表格布局.
教学内容 1、演示并讲解用表格布局制作的网页 2、用表格制作网页.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网页 设计与制作.
第四章 海洋面面觀 ■ 4-1 海洋觀測工具 ■ 4-2 海水的性質與水團 ■ 4-3 海水的運動.
2 HTML5與CSS3 2-1 HTML5的頁面結構 2-2 HTML5的文字編排標籤 2-3 HTML5的圖片與超連結標籤
幸福大讲堂 也谈老年朋友的 “老有所□” 爸妈在线专家宣讲团 ——老年朋友如何乐度后半生概述 主讲:钱锡安
第3章 HTML语言 3.1 HTML文档的基本结构 3.2 文字排版 3.3 图片排版 3.4 超级链接 3.5 表格 3.6 框架窗口
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
CT212 (02/03)-Network Programming and design
網際網路的應用服務 – Web 概念與網頁語言
第二章 網際網路網頁的設計.
HTML.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
  本章共分21个实例,主要内容包括HTML 创建与测试、html的文档结构、常用标记的使 用、表格和层的使用技灵活掌握等内容。
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
CSS简介 WEB前端三剑客之二.
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
PHP程式設計 二、HTML & PHP基本語法 建國科技大學 資訊管理學系 饒瑞佶.
湖北职院计科系.
教師: 陳明瑤 電郵: 網際網路應用-網頁設計3 教師: 陳明瑤 電郵:
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
Introduction to PHP part3
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 13 章 陣列應用.
行政院研究發展考核委員會 【網頁無障礙設計】說明會
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
HTML 钟晖云 QQ:
Ch.13 HTML網頁實作.
第2章 超文本标记语言HTML.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
Ch03 HTML5 + CSS 表格與多媒體 網頁程式設計.
無障礙網頁 公關室.
授课教师:姬广永 QQ: TEL: 学习交流网站:
第10章 網頁資料庫的顯示與維護 10-1 再談資料控制項 10-2 GridView控制項 10-3 DetailsView控制項
HTML & CSS.
主讲:陶建平 华中科技大学网络与计算中心
武汉纺织大学传媒学院 cm.wtu.edu.cn
W3C标准网页制作 主讲教师:张 涛.
Open方法和close方法 主讲人:傅伟玉.
HTML – 表格 資訊教育.
國三地理科說明 南山中學10001學校日 地理科教師 林皓芸 分機192.
網路程式設計-期末專案 資工二B B96570101 戴偉恒 地 方 美 食.
表格页面 表格标签 1、标题标签<Caption>用于定义表格的标题。 align属性:控制标题位置。 取值为:
网 站 设 计 与 建 设 Website design and developments
布局大师——表格.
98年度兒童課後照顧學程 修課名單確認暨課程說明會 2009/09/15(二) 08:40~09:20.
分頁.
第2章 块级标签 经济管理学院.
PHP5與MySQL5 入門學習指南 凱文瑞克 著 第 12 章 迴圈指令.
HTML5.
教师:李金双 网页制作 教师:李金双
Presentation transcript:

表格 (Table)

一列: <tr> …</tr> 一個欄位: <td>…</td> 在網頁原始檔中,需由上而下逐列書寫 <table border="1"> <caption>人事資料</caption> <tr> <th>姓名</th> <th>年齡</th> <th>電話</th> </tr> <td>李大華</td> <td>25</td> <td>12345678</td> <td>陳小明</td> <td>21</td> <td>23456789</td> … </table> 一個表格(table)包含多列(tr),每一列包含多個欄位(td或th) 一列: <tr> …</tr> 一個欄位: <td>…</td> 標題欄位: <th>…</th>

合併儲存格 <td colspan="2">r1, c1& c2</td> 合併欄 (colspan) <table border="1" width="500"> <tr> <td>r1, c1</td> <td>r1, c2</td> <td>r1, c3</td> </tr> <td>r2, c1</td> <td>r2, c2</td> <td>r2, c3</td> <td>r3, c1</td> <td>r3, c2</td> <td>r3, c3</td> </table> 刪除 <td colspan="2">r1, c1& c2</td>

合併儲存格 刪除 <td rowspan="2">r1&r2, c1</td> 合併列 (rowspan) <table border="1" width="500"> <tr> <td>r1, c1</td> <td>r1, c2</td> <td>r1, c3</td> </tr> <td>r2, c1</td> <td>r2, c2</td> <td>r2, c3</td> <td>r3, c1</td> <td>r3, c2</td> <td>r3, c3</td> </table> <td rowspan="2">r1&r2, c1</td> 刪除

儲存格間距與內距 儲存格間距 (cellspacing) 儲存格內距 (cellpadding) <table cellspacing="20">…</table> 儲存格內距 (cellpadding) <table cellpadding="20">…</table> 兩者為table之屬性, 並非tr或td之屬性 建議使用css,進行 更多的外觀設定

列分組 <thead>…</thead> <tbody>…</tbody> <tfoot>…</tfoot> thead, tfoot各只能一個 tbody可以多個

欄位分組 <table border="1"> <caption>人事資料</caption> <colgroup span="2" width="10%" align="right" style="background-color:#fcc"> </colgroup> <colgroup span="2" width="100" align="center"></colgroup> <colgroup style="background-color:yellow"> <col width="60" align="left" /> <col width="80" align="center" /> <col width="80" align="right" /> <col width="60" align="center" /> </colgroup> <tr> <th>姓名</th> <th>數學</th> <th>國文</th> …