HTML的第一堂課

HTML是寫給電腦看的語言，就像跟阿公講台語一樣，是為了讓它能了解「你要什麼」。

在部落格寫新文章的時候，會看到有提供兩個頁面：「撰寫」跟「HTML」。其實兩者是一樣的，只是用不同的方式表達相同的內容。例如：

跳樓大拍賣！每件 1000 100元！  寫成HTML後  跳樓大拍賣！每件<del> 1000 </del>100元！

1. 「<」和「>」一組，不管中間東西多長，要有頭有尾，例如：
   
   <i> 斜體 </i>
   <b> 粗體 </b>
   <del> 刪除線 </del>
   
   也有例外，像<a href 網址>，要以</a>結束；
   但<img 圖片>，並不需要以</img>結束。
   
   
2. 舉例看看就清楚了：
   
   <a△href="http://www.books.com.tw"△title="博客來網路書店"△target="_blank"></a>
   
   這串東西拆開來看有幾個重點：
   ❏ <a>、</a>前後包夾
   ❏ 中間雖長，但看得出來是在講三件事：href="xxx"、title="xxx"、target="xxx"
   ❏ 三件事之間要留一個空白（△代表空格）
   ❏ 「=」後面要接兩個「"」
   
   
3. 實際做做看，以下是一串貼紙語法，如果我希望點貼紙的時候可以另開新頁，不要蓋掉我原本的頁面，那應該把 target="_blank" 貼在哪個位置才對呢？
   
   在 [HTML] 貼上這行語法：
   <a href="http://stickeraction.com/handwritten/go" title="來吧！用手寫！"><img src="http://stickeraction.com/handwritten/sticker" alt="來吧！用手寫！" border="0" /></a>
   點貼紙直接跳到活動頁面→
   
   答案是：
   <a href="http://stickeraction.com/handwritten/go" title="來吧！用手寫！"  target="_blank"><img src="http://stickeraction.com/handwritten/sticker" alt="來吧！用手寫！" border="0" /></a>
   點貼紙開啟新的活動頁面→