自主學習專題二：修訂版本之間的差異
出自福留子孫
（以“分類:自主學習專題”为内容创建页面） |
|||
| 第 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 使用
- 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 的值包含的常常超過一項以上的樣式指示
- 兩組樣式指示以「;」間開
- 名與值以「:」相連
