HTML - Revision history

Wini at 13:21, 2 April 2006

2006-04-02T13:21:10Z

← Older revision		Revision as of 13:21, 2 April 2006
Line 1:		Line 1:
	=連結=		==概述==
			HTML ，全名 '''H'''yper'''T'''ext '''M'''arkup '''L'''anguage ，中文意思為 '''超文本標記語言''' 。[http://zh.wikipedia.org/wiki/%E6%A0%87%E8%AE%B0%E8%AF%AD%E8%A8%80 標記語言]，指的意思大概就是，以特別製訂的文字和符號和格式，來製作文件或設計樣式之類的電腦語言。[http://zh.wikipedia.org/wiki/HTML 超文本]則是用來指在網頁文件，可能是因為雖然它是由純文字來編寫成的，但卻可以利用超連結(HyperLink)等的語法，來引入純文字以外的東西，所以才會被叫做超文本吧，總之這個字義就先不管了。

	~~[[Computer]]:[[Computer: Makeuper\|Makeuper]]~~		----

	=前言=		__TOC__

			==前言==

	初學 HTML 有一個很重要的觀念：HTML 是用來標示文件邏輯架構用的。		初學 HTML 有一個很重要的觀念：HTML 是用來標示文件邏輯架構用的。
Line 25:		Line 28:
	另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因，是因為 IE 會亂加屬性在你的網頁中，正確說是它的預設值太多事了，會讓你寫出只有 IE 才會顯示該種樣式的網頁來，所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好，這樣才不會偷懶，不過這樣一來你就得學會 CSS 才行了，總之先從認識 HTML 標籤開始吧。		另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因，是因為 IE 會亂加屬性在你的網頁中，正確說是它的預設值太多事了，會讓你寫出只有 IE 才會顯示該種樣式的網頁來，所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好，這樣才不會偷懶，不過這樣一來你就得學會 CSS 才行了，總之先從認識 HTML 標籤開始吧。

	=認識 HTML 標籤=		==認識 HTML 標籤==

	這裡我們從最基本的 HTML 骨架開始，先提供一個每次只要剪下貼上就好的基本骨架，之後再慢慢填入內容，一邊解說每個標籤的用途用法。		這裡我們從最基本的 HTML 骨架開始，先提供一個每次只要剪下貼上就好的基本骨架，之後再慢慢填入內容，一邊解說每個標籤的用途用法。

	==基礎 HTML==		===基礎 HTML===

	下列幾種標籤是絕對不可不知的東西，就像數學的四則運算，這段列出來的幾個是最常用到的標籤，最基本的標籤，也是最重要的標籤。		下列幾種標籤是絕對不可不知的東西，就像數學的四則運算，這段列出來的幾個是最常用到的標籤，最基本的標籤，也是最重要的標籤。
Line 41:		Line 44:
	*[[Computer: Makeuper: HTML: Emphasis\|強調文字]]		*[[Computer: Makeuper: HTML: Emphasis\|強調文字]]

	==進階 HTML==		===進階 HTML===

			==HTML 筆記==

	*[[Computer: Makeuper: HTML: Ex01\|指定圖片某一區域連向某處的語法]]		*[[Computer: Makeuper: HTML: Ex01\|指定圖片某一區域連向某處的語法]]
	*[[Computer: Makeuper: HTML: Ex02\|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]		*[[Computer: Makeuper: HTML: Ex02\|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]
	*[[Computer: Makeuper: HTML: Ex03\|meta的用處]]		*[[Computer: Makeuper: HTML: Ex03\|meta的用處]]
			*[[Howto:HTML\|HTML Howto]]

	=HTML 注意事項=		=HTML 注意事項=

	(關於濫用、錯用、配合 CSS 等等的討論?)		(關於濫用、錯用、配合 CSS 等等的討論?)

			{{Menu:Category\|HTML\|Markup Language\|Wini}}

Wini: Computer: Makeuper: HTML moved to HTML

2006-04-02T12:59:50Z

Computer: Makeuper: HTML moved to HTML

← Older revision		Revision as of 12:59, 2 April 2006
(No difference)

Wini: /* 進階 HTML */

2005-01-18T13:54:08Z

進階 HTML

← Older revision		Revision as of 13:54, 18 January 2005
Line 45:		Line 45:
	*[[Computer: Makeuper: HTML: Ex01\|指定圖片某一區域連向某處的語法]]		*[[Computer: Makeuper: HTML: Ex01\|指定圖片某一區域連向某處的語法]]
	*[[Computer: Makeuper: HTML: Ex02\|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]		*[[Computer: Makeuper: HTML: Ex02\|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]
			*[[Computer: Makeuper: HTML: Ex03\|meta的用處]]

	=HTML 注意事項=		=HTML 注意事項=

	(關於濫用、錯用、配合 CSS 等等的討論?)		(關於濫用、錯用、配合 CSS 等等的討論?)

Ahtwang: /* 連結 */

2004-11-24T03:28:54Z

連結

← Older revision		Revision as of 03:28, 24 November 2004
Line 1:		Line 1:
	=連結=		=連結=

	回到 [[Computer]] ~~‧ 回到~~ [[Computer: Makeuper]]		[[Computer]]:[[Computer: Makeuper\|Makeuper]]

	=前言=		=前言=

Ahtwang: /* 認識 HTML 標籤 */

2004-11-20T11:53:31Z

認識 HTML 標籤

← Older revision		Revision as of 11:53, 20 November 2004
Line 26:		Line 26:

	=認識 HTML 標籤=		=認識 HTML 標籤=

			這裡我們從最基本的 HTML 骨架開始，先提供一個每次只要剪下貼上就好的基本骨架，之後再慢慢填入內容，一邊解說每個標籤的用途用法。

	==基礎 HTML==		==基礎 HTML==

Ahtwang at 11:50, 20 November 2004

2004-11-20T11:50:34Z

← Older revision		Revision as of 11:50, 20 November 2004
Line 1:		Line 1:
	~~----~~		=連結=

	回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]		回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]]

	~~----~~		=前言=

	初學 HTML 有一個很重要的觀念：HTML 是用來標示文件邏輯架構用的。		初學 HTML 有一個很重要的觀念：HTML 是用來標示文件邏輯架構用的。
Line 13:		Line 13:
	對於一般製作個人網頁，或是目前流行中的網誌 (部落格、blog、weblog) 來說，其實只要知道以下幾個 HTML 標籤就夠了：		對於一般製作個人網頁，或是目前流行中的網誌 (部落格、blog、weblog) 來說，其實只要知道以下幾個 HTML 標籤就夠了：

	~~<ul>~~		*h1、h2、h3、h4：h1 是最大的標題、h2 次之，依此類推
	~~<li>~~h1、h2、h3、h4：h1 是最大的標題、h2 次之，依此類推~~</li>~~		*p：文字段落
	~~<li>~~p：文字段落~~</li>~~		*img：圖片
	~~<li>~~img：圖片~~</li>~~		*table、tr、td、th：用來製作表格、存放表格資料用
	~~<li>~~table、tr、td、th：用來製作表格、存放表格資料用~~</li>~~		*ul、ol、li：編號和項目符號的清單
	~~<li>~~ul、ol、li：編號和項目符號的清單~~</li>~~		*dt、dd：定義清單
	~~<li>~~dt、dd：定義清單~~</li>~~		*一些特殊的標籤：html、head、meta、title、body 等等
	~~<li>~~一些特殊的標籤：html、head、meta、title、body 等等~~</li>~~
	~~</ul>~~

	HTML 只要記<font color="red">標籤</font>就好，不必去強記屬性名稱無妨，因為以後學到 CSS 時可以用 CSS 語法來處理。		HTML 只要記<font color="red">標籤</font>就好，不必去強記屬性名稱無妨，因為以後學到 CSS 時可以用 CSS 語法來處理。
Line 27:		Line 25:
	另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因，是因為 IE 會亂加屬性在你的網頁中，正確說是它的預設值太多事了，會讓你寫出只有 IE 才會顯示該種樣式的網頁來，所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好，這樣才不會偷懶，不過這樣一來你就得學會 CSS 才行了，總之先從認識 HTML 標籤開始吧。		另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因，是因為 IE 會亂加屬性在你的網頁中，正確說是它的預設值太多事了，會讓你寫出只有 IE 才會顯示該種樣式的網頁來，所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好，這樣才不會偷懶，不過這樣一來你就得學會 CSS 才行了，總之先從認識 HTML 標籤開始吧。

	~~[[Computer: Makeuper:~~ HTML~~: Ex01\|指定圖片某一區域連向某處的語法]]~~		=認識 HTML 標籤=

	~~[[Computer: Makeuper:~~ HTML~~: Ex02\|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]~~		==基礎 HTML==

			下列幾種標籤是絕對不可不知的東西，就像數學的四則運算，這段列出來的幾個是最常用到的標籤，最基本的標籤，也是最重要的標籤。

	~~----~~		*[[Computer: Makeuper: HTML: Barebones\|HTML 骨架]]
			*[[Computer: Makeuper: HTML: Headings\|標題]]
			*[[Computer: Makeuper: HTML: Paragraphs\|段落內文]]
			*[[Computer: Makeuper: HTML: Lists\|清單]]
			*[[Computer: Makeuper: HTML: Tables\|表格]]
			*[[Computer: Makeuper: HTML: Images\|圖片]]
			*[[Computer: Makeuper: HTML: Emphasis\|強調文字]]

			==進階 HTML==

			*[[Computer: Makeuper: HTML: Ex01\|指定圖片某一區域連向某處的語法]]
			*[[Computer: Makeuper: HTML: Ex02\|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]

			=HTML 注意事項=

			(關於濫用、錯用、配合 CSS 等等的討論?)

Ahtwang at 13:22, 7 November 2004

2004-11-07T13:22:47Z

← Older revision		Revision as of 13:22, 7 November 2004
Line 4:		Line 4:

	----		----

			初學 HTML 有一個很重要的觀念：HTML 是用來標示文件邏輯架構用的。

			舉例來說，文章通常會有標題、作者、日期、章節、註解、表格、圖片……等等，這些我們並不會寫明，而是在閱讀的時候，自己就會分得出「這一行是作者的名字」、「這一行是文章標題」、「這一塊是表格」等等。當然，用「第一章」、「第二章」這樣的章節標題也是可以的。這就是文章的邏輯架構。把邏輯抽離之後，整篇文章就只是一堆文字的組合了。

			HTML 和 CSS 配合的方式，就是讓 HTML 來指出「這一堆東西是文章標題」、「這一堆東西是文章內文」、「那一堆東西是章節大標」、「那一堆是章節次標」……等等；然後在 CSS 樣式表裡面，再用 CSS 語法來指定「只要是文章標題的東西，就用這個格式」、「只要是文章內文的東西，就用如此字型」、「只要是章節大標的東西，就加上這樣的樣式」……。

			對於一般製作個人網頁，或是目前流行中的網誌 (部落格、blog、weblog) 來說，其實只要知道以下幾個 HTML 標籤就夠了：

			<ul>
			<li>h1、h2、h3、h4：h1 是最大的標題、h2 次之，依此類推</li>
			<li>p：文字段落</li>
			<li>img：圖片</li>
			<li>table、tr、td、th：用來製作表格、存放表格資料用</li>
			<li>ul、ol、li：編號和項目符號的清單</li>
			<li>dt、dd：定義清單</li>
			<li>一些特殊的標籤：html、head、meta、title、body 等等</li>
			</ul>

	HTML 只要記<font color="red">標籤</font>就好，不必去強記屬性名稱無妨，因為以後學到 CSS 時可以用 CSS 語法來處理。		HTML 只要記<font color="red">標籤</font>就好，不必去強記屬性名稱無妨，因為以後學到 CSS 時可以用 CSS 語法來處理。

192.192.105.25 at 07:01, 23 September 2004

2004-09-23T07:01:08Z

← Older revision		Revision as of 07:01, 23 September 2004
Line 4:		Line 4:

	----		----

			HTML 只要記<font color="red">標籤</font>就好，不必去強記屬性名稱無妨，因為以後學到 CSS 時可以用 CSS 語法來處理。

			另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因，是因為 IE 會亂加屬性在你的網頁中，正確說是它的預設值太多事了，會讓你寫出只有 IE 才會顯示該種樣式的網頁來，所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好，這樣才不會偷懶，不過這樣一來你就得學會 CSS 才行了，總之先從認識 HTML 標籤開始吧。

	[[Computer: Makeuper: HTML: Ex01\|指定圖片某一區域連向某處的語法]]		[[Computer: Makeuper: HTML: Ex01\|指定圖片某一區域連向某處的語法]]

	~~AccessKey~~ : ~~可以讓你用 Alt 加該鍵就開啟該連結的語法。寫法如下。<br>~~		[[Computer: Makeuper: HTML: Ex02\|Alt鍵加英數字鍵等按鍵的快速鍵寫法]]
	~~<nowiki><a href="xxx" AccessKey="1"> xxx </a></nowiki><br>~~
	~~這樣子按 Alt-1 就會開啟該連結了，好像也能用到 Button 上？？<br>~~
	~~另外不建議用英文當熱鍵。<br>~~
	~~表單的話則是這樣寫（這是最陽春的版本這樣）。<br>~~
	~~<nowiki>~~
	~~<form>~~
	~~<input type="submit" value="check" AccessKey="1">~~
	~~</form>~~
	~~</nowiki>~~

	----		----

Wini at 17:32, 28 August 2004

2004-08-28T17:32:26Z

← Older revision		Revision as of 17:32, 28 August 2004
Line 10:		Line 10:
	<nowiki><a href="xxx" AccessKey="1"> xxx </a></nowiki><br>		<nowiki><a href="xxx" AccessKey="1"> xxx </a></nowiki><br>
	這樣子按 Alt-1 就會開啟該連結了，好像也能用到 Button 上？？<br>		這樣子按 Alt-1 就會開啟該連結了，好像也能用到 Button 上？？<br>
	另外不建議用英文當熱鍵。		另外不建議用英文當熱鍵。<br>
			表單的話則是這樣寫（這是最陽春的版本這樣）。<br>
			<nowiki>
			<form>
			<input type="submit" value="check" AccessKey="1">
			</form>
			</nowiki>

	----		----

Wini at 17:07, 28 August 2004

2004-08-28T17:07:20Z

← Older revision		Revision as of 17:07, 28 August 2004
Line 9:		Line 9:
	AccessKey : 可以讓你用 Alt 加該鍵就開啟該連結的語法。寫法如下。<br>		AccessKey : 可以讓你用 Alt 加該鍵就開啟該連結的語法。寫法如下。<br>
	<nowiki><a href="xxx" AccessKey="1"> xxx </a></nowiki><br>		<nowiki><a href="xxx" AccessKey="1"> xxx </a></nowiki><br>
	這樣子按 Alt-1 就會開啟該連結了，好像也能用到 Button 上？？		這樣子按 Alt-1 就會開啟該連結了，好像也能用到 Button 上？？<br>
			另外不建議用英文當熱鍵。

	----		----