「不錯學群/01/組課/HTML」修訂間的差異
跳至導覽
跳至搜尋
(→多窗框的設計) |
|||
行 164: | 行 164: | ||
===多窗框的設計=== | ===多窗框的設計=== | ||
+ | |||
===網頁中填表的設計=== | ===網頁中填表的設計=== | ||
===讓您的網頁包含更多=== | ===讓您的網頁包含更多=== | ||
===排版樣本的設定=== | ===排版樣本的設定=== | ||
===伊蔻首頁的製作=== | ===伊蔻首頁的製作=== |
於 2020年10月20日 (二) 16:28 的修訂
目錄
HTML入門熱身篇
- 1-1何謂全球資訊網路
- 1-2HTML與瀏覽器的關係
- 1-3本書的基本架構
- 1-4製作網頁的相關工具
- 1-5設定您的工作環境
- 1-6伊蔻的首頁介紹
- 1-7使用WordPad來編輯HTML檔
- 課後學問題習作
HTML程式的基本架構
- 2-1看例子談HTML的架構
- 第一個HTML程式
- <HTML>與</HTML>
- <HEAD>與</HEAD>
- <TITLE>與</TITLE>
- <BODY>與</BODY>
- 2-2HTML檔的撰寫風格
- 控制標籤大小寫不拘
- 同一列中可有多個控制標籤
- 無文件檔頭仍可執行
- 2-3HTML的控制標籤
- 控制標籤的格式
- 跳列的設定
- 跳段的設定
- 向中對齊的設定
- 背景與文字顏色的設定
- 2-4伊蔻網頁的設計應用
- 課後問題與習作
網頁中文字大小、字型與顏色設定
- 3-1文字大小的設定
- 設定標題文字
- 設定標題文字的排列
- 設定字的大小
- 3-2文字顏色的設定
- 設定文字顏色
- 設定文字的大小與顏色
- 預設文字的大小
- 3-3文字的字型設定
- 實體字型的控制標籤
- 邏輯字型的控制標籤
- 設定文字的字型
- 特殊字元的設定
- 字型、大小、顏色的結合設定
- 3-4伊蔻網頁的設計應用
- 課後問題與習作
讓您的網頁排列的更整齊
- 4-1跳列的控制
- < BR>強迫跳列
- < NOBR>強迫不跳列
- < P>強迫分段
- 4-2< HR>線段的設定
- 線段粗細的設定
- 線段長度的設定
- 線段排列的設定
- 線段無陰影的設定
- 4-3文章內容的編排
- HTML檔中的備註
- < PRE>預先格式化的敘述
- < PRE>中涵蓋其它控制標籤
- 可調整排列的區段
- < BLOCKQUOTE>書信內容的預先格式化
- < ADDRESS>書信頭、尾的預先格式化
- 4-4伊蔻網頁的設計應用
- 課後問題與習作
項目清單的排列
- 5-1< MENU>與< DIR>項目清單
- 設計項目清單
- 設定屬性
- 設計巢狀的項目清單
- 5-2< UL>無序號條列式清單
- 5-3< OL>有序號條列式清單
- < OL>有序號條列式清單[無屬性設定]
- < OL>有序號條列式清單[起始數設定]
- < OL>有序號條列式清單[型態設定]
- < OL>有序號條列式清單[巢狀設定]
- 5-4< DL>敍述式清單
- 5-5伊蔻網頁的設計應用
- 課後問題與習作
表格在網頁設計中的應用
- 6-1表格的宣告
- 基本表格
- 表格邊線的設定
- 格框線粗細的設定
- 格框與內容空隙的設定
- 表格長寬的設定
- 表格相對寬度的設定
- 表格位置的安排
- 表格的背景顏色
- 6-2表格標題的排列
- 表格標題的設定
- 表格標題靠上、下排列的設定
- 表格標題靠左、右排列的設定
- 自定的表格標題
- 6-3表格中欄位屬性的設定
- 欄位中寬度的設定
- 欄位中高度的設定
- 欄位中顏色的設定
- 欄位中資料左、右排列的設定
- 欄位中資料上、下排列的設定
- 欄位中行的擴展
- 欄位中列的擴展
- 欄位中行與列的擴展
- 6-4HTML4.0新增表格類控制標籤
- 表格結構化
- 表格直行化
- 個別直行設定
- 直行中排列的調整
- 直行中顏色的調整
- 表格外框邊線的設定
- 表格內框格線的設定
- 6-5表格的綜合應用
- 巢狀的表格
- 表格使排列更整齊
- 利用表格來製作色票
- 6-6伊蔻網頁的設計應用
- 課後問題與習作
HTML的超鏈結
- 7-1超鏈結的介紹
- 何謂超鏈結
- 超鏈結的控制標籤
- 超鏈結的宣告
- 7-2超鏈結的使用
- 相對路徑與絕對路徑
- 相對路徑連到同層目錄的檔案
- 相對路徑連到次層目錄的檔案
- 相對路徑連到上層目錄的檔案
- 絕對路徑的範例
- 指定相對位址
- 連接到同一個檔案的某一段
- 連接到另一個檔案的某一段
- 7-3超鏈結的應用
- 連接上Internet上的其它站台
- LINK的顏色設定
- 設定超鏈結的快速按鍵
- 7-4伊蔻網頁的應用
- 課後問題與習作
將圖片加入網頁中
- 8-1讓Home Page更精采
- 圖檔格式
- 背景圖案的設定
- 在網頁中插入圖片
- 以文字說明圖片
- 圖片大小的設定
- 圖片邊框的設定
- 8-2
- 文字靠下
- 文字靠中
- 文字靠上
- 圖片靠左
- 圖片靠右
- 空隙的設定
- 8-3圖片的應用
- 使用圖片檔做為超鏈結選取的對向
- 地圖索引
- 8-4伊蔻網頁的設計應用
- 課後問題與習作