HTML語法簡介 - 中興大學
文章推薦指數: 80 %
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:
標楷體
一些與段落相關標示
~
這是預設的段落標題。
該段落採用等寬字形,空白鍵與換行符號在此段落中,都會生效。
段落縮排。
標號清單,搭配使用
標號清單一
標號清單二
標號清單三
經瀏覽器解釋後
標號清單一
標號清單二
標號清單三
項目清單,搭配使用
標號清單一
標號清單二
標號清單三
經瀏覽器解釋後
標號清單一
標號清單二
標號清單三
段落的對齊
單一段落的對齊
靠左
段落內容
置中
段落內容
靠右
段落內容
連續多段落的對齊
使用多段落均置其中
表格標示
表格標示結構如下:
儲存格一
儲存格二
儲存格三
儲存格四
經瀏覽器解釋後
儲存格一
儲存格二
儲存格三
儲存格四
延伸文章資訊
- 1HTML語法教學
HTML的全名是HyperText Markup Language,是編寫網頁的基本語言,而它並不是一個程式, 只是一些插在普通文件內的碼( code ),這些碼可以控制我們的瀏覽器要怎樣把文件...
- 2HTML 是什麼?HTML 語法入門教學|ALPHA Camp Blog
- 3HTML語法簡介 - 中興大學
HTML=HyperText Markup Language。 HTML是描述網頁內容的語言。 HTML內容由伺服器負責儲存,由瀏覽 ...
- 4HTML標籤列表
<html>#文件的開始 <head>#標示文件資訊 #文件資訊放在此處 ... 網頁設定, 段落, 文字格式, 項目格式, 超連結. 圖片, 表格, 音樂, 表單, HTML特殊字元 ...
- 5必學!你不可以不知道兩個HTML最基本語法
說到HTML,就不禁讓我回想起,那是個連FrontPage、Dreamweaver都還不知道在哪裡的年代。用記事本憑空想像,刻下一頁一頁的網頁,近年來,WYSIWYG(What ...