舊文件

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

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

出自 MozTW Wiki

 
(未顯示由 7 位使用者於中間所作的 14 次修訂)
行 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 語法助憶表 ==
 +
{| border="1" style="border-collapse;"
 +
!HTML 碼
 +
!英文助憶單字
 +
!說明
 +
|-
 +
||<nowiki><html>...</html></nowiki>
 +
||HTML
 +
||這組 tag 在告知別人,這是 HTML 文件。
 +
|-
 +
||<nowiki><head>...<head></nowiki>
 +
||head
 +
||頭,HTML 程式碼的頭,它負責傳遞資訊給瀏覽器,和瀏覽器溝通。
 +
|-
 +
||<nowiki><body>...</body></nowiki>
 +
||body
 +
||body 大家都知是什麼意思吧? 在 HTML 裡就是本文的意思,當然你可以想成 body 就是 HTML 的身體或主體啦。
 +
|-
 +
||<nowiki><p>...</p></nowiki>
 +
||paragraph
 +
||paragraph 就是段落的意思,所以,要表示一段文字為一個段落用<nowiki><p>...</p></nowiki>即可。
 +
|-
 +
||<nowiki><strong>...</strong></nowiki>
 +
||strong
 +
||加強語氣,所以用 strong 來表示加強的意思。
 +
|-
 +
||<nowiki><em>...</em></nowiki>
 +
||emphasize
 +
||強調語氣,所以用 emphasize 來表示強調的意思。
 +
|-
 +
||<nowiki><ul>...</ul></nowiki>
 +
||Unordered List
 +
||Unordered List 的縮寫就是 ul,中文意思就是 "'''無'''序號的列表",簡單講就是'''沒有'''標上序號的列表。
 +
|-
 +
||<nowiki><ol>...</ol></nowiki>
 +
||Ordered List
 +
||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>

參考

個人工具