「不錯學群/01/組課/HTML」修訂間的差異

出自不錯學群
跳至導覽 跳至搜尋
行 49: 行 49:
 
===讓您的網頁排列的更整齊===
 
===讓您的網頁排列的更整齊===
 
*4-1跳列的控制
 
*4-1跳列的控制
*#< BR>強迫跳列
+
*#< BR>強迫跳列
*#<NOBR>強迫不跳列
+
*#< NOBR>強迫不跳列
*#<P>強迫分段
+
*#< P>強迫分段
*4-2<HR>線段的設定
+
*4-2< HR>線段的設定
 
*#線段粗細的設定
 
*#線段粗細的設定
 
*#線段長度的設定
 
*#線段長度的設定
行 59: 行 59:
 
*4-3文章內容的編排
 
*4-3文章內容的編排
 
*#HTML檔中的備註
 
*#HTML檔中的備註
*#<PRE>預先格式化的敘述
+
*#< PRE>預先格式化的敘述
*#<PRE>中涵蓋其它控制標籤
+
*#< PRE>中涵蓋其它控制標籤
*#<DIV>可調整排列的區段
+
*#<DIV>可調整排列的區段
 
*#< BLOCKQUOTE>書信內容的預先格式化
 
*#< BLOCKQUOTE>書信內容的預先格式化
*#<ADDRESS>書信頭、尾的預先格式化
+
*#< ADDRESS>書信頭、尾的預先格式化
 
*4-4伊蔻網頁的設計應用
 
*4-4伊蔻網頁的設計應用
 
*課後問題與習作
 
*課後問題與習作

於 2020年10月20日 (二) 12:54 的修訂

HTML入門熱身篇

  • 1-1何謂全球資訊網路
  • 1-2HTML與瀏覽器的關係
  • 1-3本書的基本架構
  • 1-4製作網頁的相關工具
  • 1-5設定您的工作環境
  • 1-6伊蔻的首頁介紹
  • 1-7使用WordPad來編輯HTML檔
  • 課後學問題習作

HTML程式的基本架構

  • 2-1看例子談HTML的架構
    1. 第一個HTML程式
    2. <HTML>與</HTML>
    3. <HEAD>與</HEAD>
    4. <TITLE>與</TITLE>
    5. <BODY>與</BODY>
  • 2-2HTML檔的撰寫風格
    1. 控制標籤大小寫不拘
    2. 同一列中可有多個控制標籤
    3. 無文件檔頭仍可執行
  • 2-3HTML的控制標籤
    1. 控制標籤的格式
    2. 跳列的設定
    3. 跳段的設定
    4. 向中對齊的設定
    5. 背景與文字顏色的設定
  • 2-4伊蔻網頁的設計應用
  • 課後問題與習作

網頁中文字大小、字型與顏色設定

  • 3-1文字大小的設定
    1. 設定標題文字
    2. 設定標題文字的排列
    3. 設定字的大小
  • 3-2文字顏色的設定
    1. 設定文字顏色
    2. 設定文字的大小與顏色
    3. 預設文字的大小
  • 3-3文字的字型設定
    1. 實體字型的控制標籤
    2. 邏輯字型的控制標籤
    3. 設定文字的字型
    4. 特殊字元的設定
    5. 字型、大小、顏色的結合設定
  • 3-4伊蔻網頁的設計應用
  • 課後問題與習作

讓您的網頁排列的更整齊

  • 4-1跳列的控制
    1. < BR>強迫跳列
    2. < NOBR>強迫不跳列
    3. < P>強迫分段
  • 4-2< HR>線段的設定
    1. 線段粗細的設定
    2. 線段長度的設定
    3. 線段排列的設定
    4. 線段無陰影的設定
  • 4-3文章內容的編排
    1. HTML檔中的備註
    2. < PRE>預先格式化的敘述
    3. < PRE>中涵蓋其它控制標籤
    4. 可調整排列的區段
    5. < BLOCKQUOTE>書信內容的預先格式化
    6. < ADDRESS>書信頭、尾的預先格式化
  • 4-4伊蔻網頁的設計應用
  • 課後問題與習作

項目清單的排列

表格在網頁設計中的應用

HTML的超鏈結

將圖片加入網頁中

多窗框的設計

網頁中填表的設計

讓您的網頁包含更多

排版樣本的設定

伊蔻首頁的製作