"編輯培力/HTML+WIKI(二)" 修訂間的差異
| 行 51： | 行 51： | ||
*表格[https://www.1keydata.com/css-tutorial/tw/table.php] | *表格[https://www.1keydata.com/css-tutorial/tw/table.php] | ||
*邊框[https://www.1keydata.com/css-tutorial/tw/border.php] | *邊框[https://www.1keydata.com/css-tutorial/tw/border.php] | ||
| + | *樣式[https://www.1keydata.com/css-tutorial/tw/apply.php] | ||
| + | ===進階=== | ||
<!-- | <!-- | ||
| + | *HTML 新手網站基礎教學[https://progressbar.tw/serials/5] | ||
| + | --> | ||
*振鐸html分類頁[http://jendo.org/wiki1231/index.php?title=分類:HTML] | *振鐸html分類頁[http://jendo.org/wiki1231/index.php?title=分類:HTML] | ||
*html語法(最基本規則)[http://jendo.org/wiki1231/index.php?title=HTML] | *html語法(最基本規則)[http://jendo.org/wiki1231/index.php?title=HTML] | ||
| − | + | ||
==練習與範例== | ==練習與範例== | ||
| + | |||
| + | ===練習=== | ||
| + | #認識html[https://developer.mozilla.org/zh-TW/docs/Learn/Getting_started_with_the_web/HTML_basics] | ||
| + | #*HTML（Hypertext Markup Language），中文全名為「超文字標示語言」 | ||
| + | # | ||
| + | |||
| + | |||
| + | <!-- | ||
===如何查看範例文件=== | ===如何查看範例文件=== | ||
| 行 75： | 行 87： | ||
*#用原始碼&實際顯示出來的頁面參照學習 | *#用原始碼&實際顯示出來的頁面參照學習 | ||
| − | === | + | --> |
| − | + | ||
| − | + | ||
| + | ==其他英文說明== | ||
| + | *img title 與 img alt 的語法 | ||
| + | **<img src="圖片網址" alt="圖片替代文字" title="圖片標題"> | ||
| + | ** HTML img alt 圖片替代文字 | ||
| + | ***(ㄧ般不顯示，圖片顯示不出來時才會出現) | ||
| + | ** HTML img title 滑鼠移經顯示文字標示 | ||
| + | * | ||
| + | |||
| + | ==備註== | ||
| + | 關於 MDN[https://developer.mozilla.org/zh-TW/docs/MDN/About]由 Mozilla Contributors[https://developer.mozilla.org/zh-TW/docs/MDN/About$history]製作，以 CC-BY-SA 2.5[http://creativecommons.org/licenses/by-sa/2.5/] 釋出。 | ||
於 2019年11月4日 (一) 11:14 的修訂
編輯培力/HTML+WIKI(二)
目錄
課堂準備
本頁縮網址
下載軟體
- Firefox免安裝版 (建議)
- EmEditor免安裝版 (必須)
登入"全民科學平台的維基頁"
- 用報名時的帳號密碼[1]
- http://science4everyone.net/MediaWiki
課堂概述
正式的維基帳號
- 建議大家上課的筆記可以記錄在這，不論是記在一般頁或者是討論頁
- 帳號密碼：報名這堂課時用的帳號密碼
- 登錄進去後，請大家建一個新的筆記頁，步驟如下
- 在右上角的搜尋欄，搜尋：筆記頁/本名
- 送出後，點擊紅色的字建立新頁
- 即完成建立新頁
- 編輯頁面的分類
- 點擊編輯
- 在框框內最下方輸入：
- 點擊"儲存變更"
- 即完成頁面的分類標籤
- 建議大家把上次過的筆記，從臨時的筆記頁上搬遷過來；因為那個頁面可能會在不久之後被清空
免安裝版 軟體(綠色軟體)
- 好處
- 檔案比較小
- 不用安裝
- 只佔用少量系統資源
- 可直接移動(複製檔案後，換ㄧ台電腦繼續工作)
- 刪除方便，移除後也不會將任何紀錄（登錄檔訊息等）留在本機電腦上
- 各種免安裝軟體[2]
學習資源
進階
練習與範例
練習
- 認識html[12]
- HTML（Hypertext Markup Language），中文全名為「超文字標示語言」
其他英文說明
- img title 與 img alt 的語法
- HTML img alt 圖片替代文字
- (ㄧ般不顯示，圖片顯示不出來時才會出現)
- HTML img title 滑鼠移經顯示文字標示
備註
關於 MDN[13]由 Mozilla Contributors[14]製作，以 CC-BY-SA 2.5[15] 釋出。
基本文件格式
table
範例，ㄧ步步實作
提供主題，限制:ex.500字以上的文章，編表格...
