自主學習專題二:修訂版本之間的差異

出自福留子孫
跳轉到: 導覽搜尋
(以“分類:自主學習專題”为内容创建页面)
 
第 1 行: 第 1 行:
 
[[分類:自主學習專題]]
 
[[分類:自主學習專題]]
 +
==個人 site 使用==
 +
*#liteSite 建置與使用:產生選單頁、三級選單、映射到表內頁、映射到 wiki 頁
 +
*#wiki 入門:用空白行分段
 +
*#HTML 基本標籤:標籤成對,p、a、table、tr、td、th
 +
===HTML語法===
 +
HTML 的標籤內容分為三個層級:標籤、屬性、樣式指示
 +
====(一)標籤(標記)====
 +
*標籤必須成對:一般由開始標籤和結束標籤構成一對,如:<×>....</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
 +
*開始與結束標籤合體:meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)是開始標籤與結束標籤合一的,寫成<meta />、<img />、<br/>、<hr/>
 +
 +
====(二)屬性====
 +
*開始標記命令可以用「屬性」加以修飾,例如 img 標記可以有:
 +
*#src 屬性,指示圖的位置
 +
*#width 屬性,指示圖的寬度
 +
*#height 屬性,指示圖的高度
 +
*屬性名後面是屬性值,屬性名與屬性值之間用「=」相連。同標記內兩組屬性是用空白相隔開。
 +
*屬性值通常用一對單引號「'」或雙引號「"」包起來,如果屬性值當中不含空白,則引號通常可以省略;如果屬性值當中含空白,則引號絕對不可以省略。
 +
*class 屬性:引用已經定義的樣式。
 +
*style 樣式屬性:指示後面的內容應該長什麼樣子
 +
 +
====(三)樣式指示====
 +
*style 的值包含的常常超過一項以上的樣式指示
 +
*兩組樣式指示以「;」間開
 +
*名與值以「:」相連
 +
 +
==新工具==

2018年6月22日 (五) 23:55的修訂版本

個人 site 使用

    1. liteSite 建置與使用:產生選單頁、三級選單、映射到表內頁、映射到 wiki 頁
    2. wiki 入門:用空白行分段
    3. HTML 基本標籤:標籤成對,p、a、table、tr、td、th

HTML語法

HTML 的標籤內容分為三個層級:標籤、屬性、樣式指示

(一)標籤(標記)

  • 標籤必須成對:一般由開始標籤和結束標籤構成一對,如:<×>....</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
  • 開始與結束標籤合體:meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)是開始標籤與結束標籤合一的,寫成<meta />、<img />、<br/>、<hr/>

(二)屬性

  • 開始標記命令可以用「屬性」加以修飾,例如 img 標記可以有:
    1. src 屬性,指示圖的位置
    2. width 屬性,指示圖的寬度
    3. height 屬性,指示圖的高度
  • 屬性名後面是屬性值,屬性名與屬性值之間用「=」相連。同標記內兩組屬性是用空白相隔開。
  • 屬性值通常用一對單引號「'」或雙引號「"」包起來,如果屬性值當中不含空白,則引號通常可以省略;如果屬性值當中含空白,則引號絕對不可以省略。
  • class 屬性:引用已經定義的樣式。
  • style 樣式屬性:指示後面的內容應該長什麼樣子

(三)樣式指示

  • style 的值包含的常常超過一項以上的樣式指示
  • 兩組樣式指示以「;」間開
  • 名與值以「:」相連

新工具