HTML語法簡介 - 中興大學

文章推薦指數: 80 %
投票人數:10人

HTML=HyperText Markup Language。

HTML是描述網頁內容的語言。

HTML內容由伺服器負責儲存,由瀏覽 ...   什麼是HTML HTML=HyperTextMarkupLanguage。

HTML是描述網頁內容的語言。

HTML內容由伺服器負責儲存,由瀏覽器負責解讀並呈現其內容。

誰需要學習HTML 希望了解HTML結構者。

更專業的網頁製作者。

希望在網頁中撰寫程式(CGI、ASP、...)者。

動態網頁製作者。

標示(TAG)與區塊 標示是給瀏覽器的指令,指示瀏覽器以何種形式呈現網頁內容。

HTML的標示符號為『<>』,下面例子中的

、、、等都是HTML的標示。

標示無大小寫之區別。

(小寫意義相同) 區塊是同一個標示作用的範圍。

下例中的...為一個區塊。

區塊的起始符號為,結束為。

大部分的標示都會有其作用區塊設定,但並非全部均為必須。

為求HTML的完整與可讀,建議養成習慣,每一個TAG均指定其作用範圍(區塊)。

經由TAG的作用,瀏覽器可以以完全不同於HTML的模樣來呈現網頁內容 HTMLFormat 初試HTML語法 使用HTML的基本觀念 標示的觀念 區塊的觀念 參數的觀念 PresentedBytheBrowser 初試HTML語法 使用HTML的基本觀念 標示的觀念 區塊的觀念 參數的觀念 標示的屬性 標示的格式通常為 經由屬性的指定,可以讓標示更為有彈性。

不同的標示,一般都有一組其可搭配使用的屬性。

上例中,IMG為標示,SRC、height、width均為其屬性。

標示的階層 標示有階層觀念。

一個完整的HTML網頁的基本結構如下: 到之間代表一份HTML文件。

大部分的瀏覽器會把延伸檔名為".htm"或".html"的檔案自動視為HTML文件,因此省略此一標示並不會影響瀏覽結果。

但是為了完整性與可讀性,建議不要省略。

用來設定HTML文件的標題、作者等資訊。

這些資訊不會顯示在瀏覽視窗上,存在主要目的在於便於管理。

省略並不會影響顯示內容。

與之間的內容經瀏覽器解釋後,會呈現在瀏覽器的視窗中,這是HTML文件的主體。

HTML中的超文字(Hypertext) Hypertext指的是HTML中非文字的部份,而這非文字的部份主要是圖形與超鏈結。

圖形 標示是HTML中用來插入圖形的標示。

屬性"SRC"用來指定圖形來源,"height"及"width"則是用來指定圖形的高與寬,"align"則是用來指定圖形對正的方式。

Examples 鏈結 標示是HTML中用來表示鏈結的標示。

屬性"HREF"用來指定鏈結目標。

Examples 網頁製作首頁 中興大學 這是一張圖 SomeWordsAboutHTML HTML文件中連續的多個空白,只會被瀏覽器視為一個空白。

下面兩個敘述顯示結果是一樣的。

HTML文件 HTML       文件 HTML換行字元是沒有作用的。

下面兩個敘述顯示結果一樣: 這是          第一行 這是第一行 標示不分大小寫。

下面兩個敘述顯示結果一樣: HTML測試 HTML測試 註解標示為 文字外觀的一些標示 將文字設為粗體字 10 將文字設為斜體字 將文字加底線 將文字設為上標字 將文字設為下標字 採等寬字形來顯示文字 一般字是這樣的 Windows  等寬字是這樣的 Windows 文字特性標示,一般會跟隨以下屬性使用: SIZE 設定字形大小,Example如下: FONTSIZE=5(or18pt) FONTSIZE=1(or8pt) COLOR 設定字形顏色。

這個屬性的值可以是文字(如"RED"、"GREEN"、"YELLOW"等),或是一個包含符號"#"及代表三原色(紅綠藍)的六個十六進位的數字"#RRGGBB",其中: #000000   代表黑色 #0000FF   代表藍色 #00FF00   代表綠色 #FF0000   代表紅色 FACE 設定字體,Example: 標楷體 一些與段落相關標示 ~ 這是預設的段落標題。

該段落採用等寬字形,空白鍵與換行符號在此段落中,都會生效。

段落縮排。

標號清單,搭配使用 標號清單一 標號清單二 標號清單三 經瀏覽器解釋後 標號清單一 標號清單二 標號清單三   項目清單,搭配使用 標號清單一 標號清單二 標號清單三 經瀏覽器解釋後 標號清單一 標號清單二 標號清單三 段落的對齊 單一段落的對齊 靠左   段落內容 置中 段落內容 靠右 段落內容   連續多段落的對齊 使用多段落均置其中 表格標示 表格標示結構如下:          儲存格一 儲存格二 儲存格三 儲存格四                            經瀏覽器解釋後 儲存格一 儲存格二 儲存格三 儲存格四  



請為這篇文章評分?