雲端教學課程

練習使用文字標記

<font size="2" color="#FF0000" face="標楷體">

FOR EXAMPLE

鬼 才 好 厲 害 ^_<

段落練習

<p>這是一個段落</p>

到網路上找一篇新聞，然後把他內文段落排版一下。

FOR EXAMPLE : 

蹺課救星

台灣駭客A片癱菲官方網　國防部網軍7/1成立

段落標題練習

<h1>hollo world!</h1>

.

.

.

.

.

.

<h6>hello world!</h6>

段落標題練習:

來排版得跟WIKI一樣吧!

匿名者 (組織)

• 網頁
  • 伺服端
    • PHP
    • JSP
  • 客戶端
    • CSS ( Bootstrap )
    • JavaScript ( JQuery )
    • XHTML
• 晶片
  • C
  • VHDL
• windows應用程式

練習 : 加入註解

<!-- 這邊是第二層符號清單結束 -->

當然也可以.....

<!-- 無敵數位黨證 -->

Hacks In Taiwan 台灣駭客年會 ( Hitcon )

http://hitcon.org/2013/

練習 : 到 IconArchive 找圖片，

再指定圖片路徑。

http://www.iconarchive.com

• 絕對路徑
• 相對路徑 
  
  • 同一層
  • 上一層
  • 下一層

HTML常用單位

• 百分比 %
• 像素 px ( 預設 )

FOR EXAMPLE :

<table>

　<caption>表格標題</caption>

　<thead><!--表頭--></thead>

　<tbody><!--表格主體--></tbody>

　<tbody><!--表格主體--></tbody>

　<tfoot><!--表尾--> </tfoot>

</table>

• tr = 橫列
• td = 直欄
• th = thead裡的直欄
  

FOR EXAMPLE : 一列兩欄

<tr>

　　<td>第一列，第一欄</td>

　　<td>第一列，第二欄</td>

</tr>

練習 : 

練習 : 做出這表格

合併儲存格

• 合併左右欄 colspan="2"
  
• 合併上下欄 rolspan="3" 更正 : rowspan="3"
  

練習 : 合併儲存格