舊文件

此處文件僅供參考,請自行考量時效性與適用程度,其他庫藏文件請參考文件頁面
我們亟需您的協助,進行共筆系統搬移、及文件整理工作,詳情請查閱參與我們

「HTML-語法記憶方式」修訂間的差異

出自 MozTW Wiki

 
(未顯示由 7 位使用者於中間所作的 12 次修訂)
行 1: 行 1:
HTML 語法應該是所有程式語言中最好的記憶的了,不論是誰,只要會一些簡單的英文單字,要記憶 HTML 語法可以說是輕而易舉,所以說,學 HTML 是相當輕鬆的事哦。
+
[[HTML]] 語法應該是所有程式語言中最好的記憶的了,不論是誰,只要會一些簡單的英文單字,要記憶 HTML 語法可以說是輕而易舉,所以說,學 HTML 是相當輕鬆的事哦。
  
 
== HTML 的語法原則 ==
 
== HTML 的語法原則 ==
* tag 的命名全都是英文縮寫
+
* tag 的命名全都是英文縮寫。
* 一組 tag 的屬性一律寫在 < > 裡頭,例如:<nowiki><div id="ya"> xxx </div></nowiki>
+
* 一組 tag 的屬性一律寫在 < > 裡頭,例如:<nowiki><div id="ya"> xxx </div></nowiki>
 +
*所謂的 Element 是由 star tag <nowiki><element-name> 和 end tag </element-name></nowiki> 所組成的,例如: p element 即為 <nowiki><p>...</p></nowiki>。
  
 
== HTML 語法助憶表 ==
 
== HTML 語法助憶表 ==
行 34: 行 35:
 
||emphasize
 
||emphasize
 
||強調語氣,所以用 emphasize 來表示強調的意思。
 
||強調語氣,所以用 emphasize 來表示強調的意思。
|-
 
||<nowiki><b>...</b></nowiki>
 
||bold
 
||bold 就是粗體的意思。這是「已棄用」的元素,W3C 建議用 <nowiki><strong>...</strong></nowiki> 代替。
 
|-
 
||<nowiki><i>...</i></nowiki>
 
||italic
 
||italic 就是斜體的意思。這是「已棄用」的元素,W3C 建議用 <nowiki><em>...</em></nowiki> 代替。
 
|-
 
||<nowiki><u>...</u></nowiki>
 
||underline
 
||underline 就是底線的意思。這是「已棄用」的元素,W3C 建議用 CSS 的 text-decoration: underline; 代替。
 
 
|-
 
|-
 
||<nowiki><ul>...</ul></nowiki>
 
||<nowiki><ul>...</ul></nowiki>
行 51: 行 40:
 
||Unordered List 的縮寫就是 ul,中文意思就是 "'''無'''序號的列表",簡單講就是'''沒有'''標上序號的列表。
 
||Unordered List 的縮寫就是 ul,中文意思就是 "'''無'''序號的列表",簡單講就是'''沒有'''標上序號的列表。
 
|-
 
|-
||<nowiki><ol>...</ul></nowiki>
+
||<nowiki><ol>...</ol></nowiki>
 
||Ordered List
 
||Ordered List
 
||Ordered List 的縮寫就是 ol,中文意思就是 "'''有'''序號的列表",簡單講就是'''有'''標上序號的列表。
 
||Ordered List 的縮寫就是 ol,中文意思就是 "'''有'''序號的列表",簡單講就是'''有'''標上序號的列表。
 +
|-
 +
||<nowiki><li>...</li></nowiki>
 +
||List Item
 +
||List Item 的縮寫就是 li,中文意思就是 "列表項目",這個只能放在 <nowiki><ul></nowiki> 或 <nowiki><ol></nowiki>
 
|}
 
|}
 +
 +
'''參考'''
 +
 +
*[[HTML]]
 +
 +
{{link|HTML|HTML Guide 首頁}}

於 2007年4月29日 (日) 05:16 的最新修訂

HTML 語法應該是所有程式語言中最好的記憶的了,不論是誰,只要會一些簡單的英文單字,要記憶 HTML 語法可以說是輕而易舉,所以說,學 HTML 是相當輕鬆的事哦。

HTML 的語法原則

  • tag 的命名全都是英文縮寫。
  • 一組 tag 的屬性一律寫在 < > 裡頭,例如:<div id="ya"> xxx </div>。
  • 所謂的 Element 是由 star tag <element-name> 和 end tag </element-name> 所組成的,例如: p element 即為 <p>...</p>。

HTML 語法助憶表

HTML 碼 英文助憶單字 說明
<html>...</html> HTML 這組 tag 在告知別人,這是 HTML 文件。
<head>...<head> head 頭,HTML 程式碼的頭,它負責傳遞資訊給瀏覽器,和瀏覽器溝通。
<body>...</body> body body 大家都知是什麼意思吧? 在 HTML 裡就是本文的意思,當然你可以想成 body 就是 HTML 的身體或主體啦。
<p>...</p> paragraph paragraph 就是段落的意思,所以,要表示一段文字為一個段落用<p>...</p>即可。
<strong>...</strong> strong 加強語氣,所以用 strong 來表示加強的意思。
<em>...</em> emphasize 強調語氣,所以用 emphasize 來表示強調的意思。
<ul>...</ul> Unordered List Unordered List 的縮寫就是 ul,中文意思就是 "序號的列表",簡單講就是沒有標上序號的列表。
<ol>...</ol> Ordered List Ordered List 的縮寫就是 ol,中文意思就是 "序號的列表",簡單講就是標上序號的列表。
<li>...</li> List Item List Item 的縮寫就是 li,中文意思就是 "列表項目",這個只能放在 <ul> 或 <ol>

參考

個人工具