版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
Web開發(fā)基礎第二章表格與頁面布局本章目標網(wǎng)頁設計注意事項什么是表格?為什么需要表格?如何創(chuàng)建表格?表格如何使用?網(wǎng)頁設計注意事項多瀏覽器支持樣式與風格統(tǒng)一網(wǎng)站結構、文件命名頁面尺寸與屏幕分辨率圖片文件命名、大小尺寸限制相對路徑的應用頁面內容(title、meta、alt、tbody等屬性的應用)什么是表格?表格是html高級構件之一,它表示數(shù)據(jù)之間的關系,使對比分析更容易理解。表格由特定數(shù)目的行和列組成球員得分籃板姚明278麥克格雷迪312海耶斯815巴蒂爾75阿爾斯通23表格應用示例什么是表格?表格的作用:用于顯示數(shù)據(jù),便于理解、分析組織網(wǎng)頁版面信息
什么是表格?行列列標題在HTML文檔中,廣泛使用表格來存放網(wǎng)頁上的文本和圖像單元格表格標題如何創(chuàng)建表格?表格用<table>表示一個表格可以有很多行,用<tr>表示每行可以分為多個單元格,用<td>表示演示:一行一列一行三列兩行三列<table>標簽及其屬性border屬性表格邊框演示:不顯示邊框的表格演示:顯示邊框的表格align表格對齊演示:居左,居中,居右對齊排版:新浪表格背景bgcolor background顏色表示的3種方法注:align、bgcolor屬性不贊成使用,應使用css控制<table>標簽及其屬性表格寬度width高度height單位設置像素(px)百分比(%)演示設置寬度,高度避免出現(xiàn)水平滾動條一般不設置高度(自適應)cellspacing,cellpadding屬性cellspacing設置單元格間距cellpadding設置單元格邊沿和其內容之間的距離table的常用屬性<tr>標簽及其屬性align屬性屬性值:“l(fā)eft”
、“center”、“right”注意區(qū)別<table>的align屬性valign屬性屬性值:“top”、“middle”、“bottom”bgcolor屬性背景顏色設置考慮設置優(yōu)先級的問題<td>標簽及其屬性align屬性屬性值:”left”
“center”
“right”注意區(qū)別<table>的align屬性valign屬性屬性值:”top”
“middle”
“bottom”bgcolor屬性background屬性bgcolor背景顏色設置background背景圖片設置考慮設置優(yōu)先級的問題<td>標簽及其屬性width屬性height屬性注意:同行或者同列單元格將受影響rowspan屬性colspan屬性rowspan屬性將一個表格單元格擴展為幾行。colspan屬性將一個表格單元格擴展為幾列演示項目實戰(zhàn)利用rowspan和colspan屬性合并單元格其它表格標簽<caption>標簽作用:用來說明表格內容的標題屬性:align,valign<th>標簽作用:同<td>標簽不同點:<th>用粗體樣式標記的文本表頭,對齊方式也不一樣<thead><tbody><tfoot>標簽用表格進行頁面排版表格進行頁面排版簡單,便捷結構清晰表格嵌套使用演示表格排版注意事項:表格嵌套層次不要太多整個頁面的排版不要用一個table,影響瀏覽器對頁面的顯示效率表格的行列排版要整齊td中沒有內容時,以空白(
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 杭州信息化教學課程設計
- 2023年二輪復習解答題專題一:基本計算(原卷版+解析)
- 路基處理課程設計
- 2025屆根河市數(shù)學三年級第一學期期末經(jīng)典模擬試題含解析
- 洪江市2025屆數(shù)學三年級第一學期期末質量檢測模擬試題含解析
- 生日蛋糕手繪課程設計
- 班組三級安全培訓試題含答案【鞏固】
- FF總線技術課程設計
- 汽車推銷技巧課程設計
- 歷史課課程設計理念
- 2024-2030年中國吹瓶機行業(yè)市場發(fā)展趨勢與前景展望戰(zhàn)略分析報告
- 2024年七年級歷史上冊 第10課《秦末農民大起義》教案 新人教版
- 2024年秋新北師大版八年級上冊物理 1.5設計海水淡化裝置 教學課件
- 2024新蘇教版一年級數(shù)學上冊第一單元第1課《認識1~3》作業(yè)及答案
- 5 協(xié)商決定班級事務 (教學設計)-2024-2025學年道德與法治五年級上冊統(tǒng)編版
- 2024年吉林長白朝鮮族自治縣事業(yè)單位招聘43人歷年(高頻重點復習提升訓練)共500題附帶答案詳解
- 4.2讓家更美好(課件)2024-2025學年七年級道德與法治上冊 (統(tǒng)編版2024)
- 12.2 第1課時 三角形全等的判定(sss)課件 2024-2025學年人教版八年級數(shù)學
- 智聯(lián)招聘國企筆試題庫
- 2024-2030年中國馬術市場發(fā)展趨勢與前景動態(tài)分析研究報告
- 藍色同濟大學左側導航欄研究生組會文獻匯報模板
評論
0/150
提交評論