「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> |
參考
‧返回上一頁: HTML Guide 首頁
