教育再公共化聯盟/實習/新手課表:修訂版本之間的差異
出自福留子孫
| 第 21 行: | 第 21 行: | ||
<p>Hello World!</p> | <p>Hello World!</p> | ||
</pre> | </pre> | ||
| − | 「< p >」即為起始標籤;「< /p >」則為結束標籤。 | + | 「< p >」即為起始標籤;「< /p >」則為結束標籤。<br/> |
| + | 不同的標籤則對應到不同的顯示方式,HTML常見的標籤如下: | ||
| + | <pre> | ||
| + | html 超文件(HyperText Markup Language) | ||
| + | head 文件頭 | ||
| + | meta 對自身的描述 | ||
| + | title 標題 | ||
| + | body 本文 | ||
| + | |||
| + | h1~h6 標題一級到六級(head) | ||
| + | a 超連結(anchor) | ||
| + | img 圖(image) | ||
| + | p 段(paragraph) | ||
| + | br 跳行(break space) | ||
| + | hr 水平線(Horizontal Rule) | ||
| + | |||
| + | table 表 | ||
| + | tr 表內之列(table row) | ||
| + | td 表內之格(table diamond) | ||
| + | th 表內之格(table head diamond) | ||
| + | |||
| + | ol 有次序的列表(order list) | ||
| + | ul 沒有次序的列表(unorder list) | ||
| + | li 列表項目(list item) | ||
| + | |||
| + | style 宣告樣式(修飾一個超文件) | ||
| + | link 載入另一個檔,如 CSS 檔 | ||
| + | span 文字小片段 | ||
| + | div 區塊(division) | ||
| + | pre 保留原有斷行及排列之式(preserve) | ||
| + | |||
| + | form 表單 | ||
| + | </pre> | ||
==MediaWiki== | ==MediaWiki== | ||
2023年8月11日 (五) 13:01的修訂版本
| 分類 | 功能 | |
|---|---|---|
| HTML | 網頁工具 | 前端網頁設計 |
| MediaWiki | 網頁工具 | 提供線上編輯的開源軟體 |
| SVG | 網頁工具 | 向量圖形的編輯 |
| Etherpad | 協作工具 | 線上即時文字協作開源軟體 |
| Jit.si Meet | 協作工具 | 線上視訊平台 |
| MySQL | 資料庫 | 儲存資料的開源資料庫系統 |
HTML
HTML是一種超文本標記語言,用於建立網頁結構和內容的標記語言。使用不同的標籤、元素和樣式,可以組合成一個網頁。
標籤
HTML中所有的內容都被包在起始標籤(opening tag)與結束標籤(closing tag)之中。
例如:
<p>Hello World!</p>
「< p >」即為起始標籤;「< /p >」則為結束標籤。
不同的標籤則對應到不同的顯示方式,HTML常見的標籤如下:
html 超文件(HyperText Markup Language) head 文件頭 meta 對自身的描述 title 標題 body 本文 h1~h6 標題一級到六級(head) a 超連結(anchor) img 圖(image) p 段(paragraph) br 跳行(break space) hr 水平線(Horizontal Rule) table 表 tr 表內之列(table row) td 表內之格(table diamond) th 表內之格(table head diamond) ol 有次序的列表(order list) ul 沒有次序的列表(unorder list) li 列表項目(list item) style 宣告樣式(修飾一個超文件) link 載入另一個檔,如 CSS 檔 span 文字小片段 div 區塊(division) pre 保留原有斷行及排列之式(preserve) form 表單