w3school.com網站有豐富的資料參考，想找詳細資料，那邊很豐富
現在說的HTML大體上包含三大要素："傳統的HTML"、"javascript語言"、"CSS"
傳統HTML語言是靜態標籤語言，利用標籤(tag)，簡單顯示網頁的樣貌。
表格、文字、圖片。就好像將現實生活的廣告單、履歷表變成網頁形式，有表格有圖片有文字。
javascrip語言，由<script></script>標籤包住，是一種程式語言但是跟java無關係，語法比較有彈性(不嚴謹)例如:javascript不用宣告變數可直接使用變數。有了javascript使用者可以藉由滑鼠操作(ex:點滑鼠左鍵)或者操作鍵盤跟網頁互動。javascript是屬於瀏覽器端也就是client端的語言，程式碼由瀏覽器負責執行。
CSS是(Cascading Style Sheets)的縮寫，Cascading是串接的意思，style是樣式，sheets則是一頁紙張。好比是網頁的美容師，可以設定字體大小，將控制元件訂在網頁某一地方上，設定表單的顏色、框線長相。功能與HTML有重疊，不過CSS在網頁美化方面的功能比HTMLtag強大。
HTML5就已經將網頁美化方面全給CSS功能負責。
最近出現HTML5，本質上跟過去HTML一樣
看起來是因為這十年來多媒體在網路上的應用頻繁
網路需要處理大量媒體資料
HTML5訂定標準讓大家容易開發程式
並且新增或刪減標籤的屬性。
讓HTML負責網頁內容，CSS負責網頁的美觀
2013年1月17日 星期四
HTML框架與表單
將網頁分割成好幾小塊，大致上有三種
<frameset>、<table>、<div>
現在比較流行的是<div>
framset以網頁為單位來做網頁分割。
組成要素：一個主要網頁裡面由多個網頁檔案所構成，比方說一個網頁分成左右兩半。乍看之下眼前是一個網頁被分兩半，其實眼前是有三個網頁。左右各一個網頁，還有一個網頁主要功能就是讓前面兩個網頁放置的
<table>:在網頁上以表格方式呈現資料
屬性有 border，0表示無邊，1表示有邊。
畫table的列用<tr>
畫table的格子用<td>或<th>，先有<tr>才有<td>或<th>
<th>通常放在第一個<tr></tr>標籤之中，作為table header。被<th>包住的文字預設置中與粗體
表單form:
<frameset>、<table>、<div>
現在比較流行的是<div>
framset以網頁為單位來做網頁分割。
組成要素：一個主要網頁裡面由多個網頁檔案所構成，比方說一個網頁分成左右兩半。乍看之下眼前是一個網頁被分兩半，其實眼前是有三個網頁。左右各一個網頁，還有一個網頁主要功能就是讓前面兩個網頁放置的
<table>:在網頁上以表格方式呈現資料
屬性有 border，0表示無邊，1表示有邊。
畫table的列用<tr>
畫table的格子用<td>或<th>，先有<tr>才有<td>或<th>
<th>通常放在第一個<tr></tr>標籤之中，作為table header。被<th>包住的文字預設置中與粗體
表單form:
2013年1月9日 星期三
HTML標籤
HTML語法由一堆tag標籤與屬性所構成，tag標籤長相:<xxxxx>。
每個標籤都有屬性。屬性主要描述被標籤包住的內容要怎樣在網頁上呈現
以下舉<table>標籤的例子:
<table border="1" bgcolor="#00FF00" ></table>
table是標籤在網頁上畫一張表格，border、bgcolor是屬性，分別表示表格線條與表格的背景顏色。
學習HTML，死背也背不完。每種標籤有不同的屬性。
只要了解HTML標籤屬性有哪些就好，不要刻意去背這些屬性用在哪標籤
常用屬性有id 、class 、style 、onclick、 lang(language)、title
lang：設定預設國家文字。zh,jp,en,de(德文)
title:設定提示文字。如果在標籤的屬性打上title="hahaha"，那麼將滑鼠游標移動到該文字或物件上面，就會顯示hahaha。
1.<body></body>:網頁主體
例如:<body bgcolor="#ff00ff" background text="green">...</body>
bgcolor、text是屬性
bgcolor:網頁背景顏色
background設定網頁背景圖片，要跟網頁在同一資料夾
text:文字顏色
HTML5已經將body屬性拿掉，也就是說變成單純的標籤
2.文字格式(太多標籤了，寫一些比較常用的吧!!未來趨勢將由CSS取代之)
粗體:<B>bold, 用在聯絡資訊
斜體:Italic <i>或<address>，address會順便換行
刪除字:<strike>。因應該這樣寫
寫化學式，可用下標標籤<sub>H2SO4
寫指數方程式，可以用上標標籤<sup>：210=1024
3.<div></div>(division)：估且用物件(區塊)標籤理解他吧，被div包住的文字圖片表格皆會被HTML是為一個物件，可以用屬性style改變文字顏色、或者onclick讓使用者點一下文字圖片表格，與網頁產生互動。div包住的程式碼在網頁秀出時會將旁邊的東西擠到上一行或下一行去，自己獨立成一行。
定義:
<DT>:Data Term，必須寫在<DL></DL>之間
<DD>:Data Describe，必須寫在<DL></DL>之間
10.跳脫字元、特殊字元。
 :意思是non-breaking space(不間斷空格)，在網頁上印出空白字元
":在網頁上印雙引號
11.<pre>:預先格式化。我覺得有了這個標籤，跟文章格式相關的標籤感覺是多餘的(像是<DL><P><blockquote>)。
要打一篇文章秀在網頁上。打在<pre>標籤中，網頁會忠實呈現使用者在coding時打文章的格式。
12.<font>:文字設定。其中屬性face設定字型。這部分在HTML5也變成交給CSS處理了
這是楷書
13.項目符號與編號 <ul><ol><li>，想要在網頁上呈現項目清單、條列式的效果，用這個標籤就對了。
<ul>:unorder list。資料秀出項目符號
<ol>:order list。資料秀出項目編號
<li>:list。資料項目，被<ul>或<ol>標籤包住
例如
<ul><li>資料項目1</li><li>資料項目2</li></ul>
每個標籤都有屬性。屬性主要描述被標籤包住的內容要怎樣在網頁上呈現
以下舉<table>標籤的例子:
<table border="1" bgcolor="#00FF00" ></table>
table是標籤在網頁上畫一張表格，border、bgcolor是屬性，分別表示表格線條與表格的背景顏色。
學習HTML，死背也背不完。每種標籤有不同的屬性。
只要了解HTML標籤屬性有哪些就好，不要刻意去背這些屬性用在哪標籤
常用屬性有id 、class 、style 、onclick、 lang(language)、title
lang：設定預設國家文字。zh,jp,en,de(德文)
title:設定提示文字。如果在標籤的屬性打上title="hahaha"，那麼將滑鼠游標移動到該文字或物件上面，就會顯示hahaha。
1.<body></body>:網頁主體
例如:<body bgcolor="#ff00ff" background text="green">...</body>
bgcolor、text是屬性
bgcolor:網頁背景顏色
background設定網頁背景圖片，要跟網頁在同一資料夾
text:文字顏色
HTML5已經將body屬性拿掉，也就是說變成單純的標籤
2.文字格式(太多標籤了，寫一些比較常用的吧!!未來趨勢將由CSS取代之)
粗體:<B>bold, 用在聯絡資訊
斜體:Italic <i>或<address>，address會順便換行
刪除字:<strike>。
寫化學式，可用下標標籤<sub>H2SO4
寫指數方程式，可以用上標標籤<sup>：210=1024
3.<div></div>(division)：估且用物件(區塊)標籤理解他吧，被div包住的文字圖片表格皆會被HTML是為一個物件，可以用屬性style改變文字顏色、或者onclick讓使用者點一下文字圖片表格，與網頁產生互動。div包住的程式碼在網頁秀出時會將旁邊的東西擠到上一行或下一行去，自己獨立成一行。
定義:
The <div> tag defines a division or a section in an
HTML document.
The <div> tag is used to group block-elements to
format them with CSS.
<span>
Tip: The <div> element is
very often used together with CSS, to layout a web page.
Note: By default, browsers always
place a line break before and after the <div> element. However, this can
be changed with CSS.
4.註解:<!-- 00xx0x0x0x0xx0x0x0x -->
5.<head></head>:放特定標籤的地方。w3school是寫描述網頁資訊標籤的地方ex:<title>、<meta>、<script>。
<meta>:描述資料的資料的標籤。例如:charset="編碼種類"。charset="utf-8"表示網頁的字元採用unicode
6.<p>:分段。讓文字行與行之間，間距寬一點:每行用<p></p>包住就可以做出效果，<p>是將文章分段的標籤。讓文章與文章之間有個間距。
7.<blockquote>左右縮排。詩詞專用標籤，我們常常在小說看到的詩詞，寫法是將詩詞自成一個區塊，且並非從第一個空格開始寫。HTML也可以用<blockquote>表現這手法，如下
意思是畫個顏色為亮綠色的、長度占網頁長度一半，線條粗細為10的水平線。HTML5已經不支援，這個交給CSS辦了
9.描述項目以及項目定義專用的標籤，字典的標籤。
格是跟我們念書在寫名詞定義的筆記一樣。
<DL>:Data List4.註解:<!-- 00xx0x0x0x0xx0x0x0x -->
5.<head></head>:放特定標籤的地方。w3school是寫描述網頁資訊標籤的地方ex:<title>、<meta>、<script>。
<meta>:描述資料的資料的標籤。例如:charset="編碼種類"。charset="utf-8"表示網頁的字元採用unicode
6.<p>:分段。讓文字行與行之間，間距寬一點:每行用<p></p>包住就可以做出效果，<p>是將文章分段的標籤。讓文章與文章之間有個間距。
7.<blockquote>左右縮排。詩詞專用標籤，我們常常在小說看到的詩詞，寫法是將詩詞自成一個區塊，且並非從第一個空格開始寫。HTML也可以用<blockquote>表現這手法，如下
大風起兮雲飛揚8.在網頁畫水平線可以用horizontal<hr color=#00ff00 align="50%" size="10">，
威加海內兮歸故鄉
安得猛士兮守四方
意思是畫個顏色為亮綠色的、長度占網頁長度一半，線條粗細為10的水平線。HTML5已經不支援，這個交給CSS辦了
9.描述項目以及項目定義專用的標籤，字典的標籤。
格是跟我們念書在寫名詞定義的筆記一樣。
<DT>:Data Term，必須寫在<DL></DL>之間
<DD>:Data Describe，必須寫在<DL></DL>之間
- CSS
- Cascading Style Sheets的縮寫，主要定義網頁的編排顯示特殊效果
10.跳脫字元、特殊字元。
 :意思是non-breaking space(不間斷空格)，在網頁上印出空白字元
":在網頁上印雙引號
11.<pre>:預先格式化。我覺得有了這個標籤，跟文章格式相關的標籤感覺是多餘的(像是<DL><P><blockquote>)。
要打一篇文章秀在網頁上。打在<pre>標籤中，網頁會忠實呈現使用者在coding時打文章的格式。
12.<font>:文字設定。其中屬性face設定字型。這部分在HTML5也變成交給CSS處理了
這是楷書
13.項目符號與編號 <ul><ol><li>，想要在網頁上呈現項目清單、條列式的效果，用這個標籤就對了。
<ul>:unorder list。資料秀出項目符號
<ol>:order list。資料秀出項目編號
<li>:list。資料項目，被<ul>或<ol>標籤包住
例如
<ul><li>資料項目1</li><li>資料項目2</li></ul>
訂閱：
文章 (Atom)