HTML(HyperTextMark-upLanguage)即
超文本標記語言
,是
WWW
的描述語言。html 是在 sgml 定義下的一個描述性語言,或可說 html 是 sgml 的一個應用程式,html 不是程式語言,它只是標示語言。
HTML一種爲普通文件中某些字句加上標示的語言,其目的在於運用標記(tag)使文件達到預期的顯示效果。
HTML只是標示語言,基本上你只要明白了各類標記的用法便算學懂了 html,html 的格式很是簡單,只是由文字及標記組合而成,於 編輯方面,任何文字編輯器均可以,只要能將文件另存成 ascii 純文字格式便可,固然 以專業的網頁編輯軟件爲佳。[1]
設計HTML語言的目的是爲了能把存放在一臺電腦中的文本或圖形與另外一臺電腦中的文本或圖形方便地聯繫在一塊兒,造成有機的總體,人們不用考慮具體信息是在當前電腦上仍是在網絡的其它電腦上。只需使用鼠標在某一文檔中點取一個圖標,Internet就會立刻轉到與此圖標相關的內容上去,而這些信息可能存放在網絡的另外一臺電腦中。 HTML文本是由HTML命令組成的描述性文本,HTML命令能夠說明文字、圖形、動畫、聲音、表格、連接等。HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。
另外,HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它容許網頁製做人創建文本與圖片相結合的複雜頁面,這些頁面能夠被網上任何其餘人瀏覽到,不管使用的是什麼類型的電腦或瀏覽器。神奇嗎?一點都不神奇,由於如今你看到的就是這種語言寫的頁面。
也許你據說過許多能夠編輯網頁的軟件,事實上,你不須要用任何專門的軟件來創建HTML頁面;你所須要的只是一個文字處理器(如McrosoftWord\記事本\寫字板等等)以及HTML的工做常識。其實你很快就會發現,基礎的HTML語言簡直容易死了。
HTML只不過是組合成一個文本文件的一系列標籤。它們很像樂隊的指揮,告訴樂手們哪裏須要停頓,哪裏須要激昂。
基本結構
一個HTML文檔是由一系列的元素和標籤組成.元素名不區分大小寫.HTML用標籤來規定元素的屬性和它在文件中的位置,
HTML超文本文檔分文檔頭和文檔體兩部分,在文檔頭裏,對這個文檔進行了一些必要的定義,文檔體中才是要顯示的各類文檔信息。
下面是一個最基本的html文檔的代碼:1-1.html
<HTML> ---------------------------------------- 開始標籤
<HEAD> --------------------------------------
<TITLE> 一個簡單的HTML示例 </TITLE> | 頭部標籤
</HEAD> --------------------------------------
<BODY> ----------------------------------------
<CENTER> |
<H1>歡迎光臨個人主頁</H1> |
<BR> |
<HR> | 文件主體
<FONT SIZE= 7 COLOR= red> |
這是我第一次作主頁 |
</FONT> |
</CENTER> |
</BODY> ---------------------------------------
</HTML> --------------------------------------- 結尾標籤
<HTML></HTML>在文檔的最外層, 文檔中的全部文本和html標籤都包含在其中,它表示該文檔是以超文本標識語言(HTML)編寫的。事實上,如今經常使用的Web瀏覽器均可以自動識別HTML文檔,並不要求有 <html>標籤,也不對該標籤進行任何操做,可是爲了使HTML文檔可以適應不斷變化的Web瀏覽器,仍是應該養成不省略這對標籤的良好習慣。
<HEAD></HEAD>是HTML文檔的頭部標籤, 在瀏覽器窗口中,頭部信息是不被顯示在正文中的,在此標籤中能夠插入其它標記, 用以說明文件的標題和整個文件的一些公公屬性。若不需頭部信息則可省略此標記,良好的習慣是不省略。
<title>和</title>是嵌套在<HEAD>頭部標籤中的,標籤之間的文本是文檔標題,它被顯示在瀏覽器窗口的標題欄。
<BODY> </BODY>標記通常不省略,標籤之間的文本是正文,是在瀏覽器要顯示的頁面內容。
上面的這幾對標籤在文檔中都是惟一的,HEAD標籤和BODY標籤是嵌套在HTML標籤中的。
語言剖析
標記 |
類型 |
譯名或意義 |
做 用 |
備註 |
文件標記 |
<html> |
● |
文件聲明 |
讓瀏覽器知道這是 html 文件 |
|
<head> |
● |
開頭 |
提供文件總體資訊 |
|
<title> |
● |
標題 |
定義文件標題,將顯示於瀏覽頂端 |
|
<body> |
● |
本文 |
設計文件格式及內文所在 |
|
排版標記 |
<!--註解--> |
○ |
說明標記 |
爲文件加上說明,但不被顯示 |
|
<p> |
○ |
段落標記 |
爲字、畫、表格等之間留一空白行 |
|
<br> |
○ |
換行標記 |
令字、畫、表格等顯示於下一行 |
|
<hr> |
○ |
水平線 |
插入一條水平線 |
|
<center> |
● |
居中 |
令字、畫、表格等顯示於中間 |
反對 |
<pre> |
● |
預設格式 |
令文件按照原始碼的排列方式顯示 |
|
<div> |
● |
區隔標記 |
設定字、畫、表格等的擺放位置 |
|
<nobr> |
● |
不折行 |
令文字不因太長而繞行 |
|
<wbr> |
● |
建議折行 |
預設折行部位 |
|
字體標記 |
<strong> |
● |
加劇語氣 |
產生字體加粗 bold 的效果 |
|
<b> |
● |
粗體標記 |
產生字體加粗的效果 |
|
<em> |
● |
強調標記 |
字體出現斜體效果 |
|
<i> |
● |
斜體標記 |
字體出現斜體效果 |
|
<tt> |
● |
打字字體 |
courier字體,字母寬度相同 |
|
<u> |
● |
加上底線 |
加上底線 |
反對 |
<h1> |
● |
一級標題標記 |
變粗變大加寬,程度與級數反比 |
|
<h2> |
● |
二級標題標記 |
將字體變粗變大加寬 |
|
<h3> |
● |
三級標題標記 |
將字體變粗變大加寬 |
|
<h4> |
● |
四級標題標記 |
將字體變粗變大加寬 |
|
<h5> |
● |
五級標題標記 |
將字體變粗變大加寬 |
|
<h6> |
● |
六級標題標記 |
將字體變粗變大加寬 |
|
<font> |
● |
字形標記 |
設定字形、大小、顏色 |
反對 |
<basefont> |
○ |
基準字形標記 |
設定全部字形、大小、顏色 |
反對 |
<big> |
● |
字體加大 |
令字體稍爲加大 |
|
<small> |
● |
字體縮細 |
令字體稍爲縮細 |
|
<strike> |
● |
畫線刪除 |
爲字體加一刪除線 |
反對 |
<code> |
● |
程式碼 |
字體稍爲加寬如<tt> |
|
<kbd> |
● |
鍵盤字 |
字體稍爲加寬,單一空白 |
|
<samp> |
● |
範例 |
字體稍爲加寬如<tt> |
|
<var> |
● |
變數 |
斜體效果 |
|
<cite> |
● |
傳記引述 |
斜體效果 |
|
<blockquote> |
● |
引述文字區塊 |
縮排字體 |
|
<dfn> |
● |
述語定義 |
斜體效果 |
|
<address> |
● |
地址標記 |
斜體效果 |
|
<sub> |
● |
下標字 |
下標字 |
|
<sup> |
● |
上標字 |
指數(平方、立方等) |
|
清單標記 |
<ol> |
● |
順序清單 |
清單項目將以數字、字母順序排列 |
|
<ul> |
● |
無序清單 |
清單項目將以圓點排列 |
|
<li> |
○ |
清單項目 |
每一標記標示一項清單項目 |
|
<menu> |
● |
選單清單 |
清單項目將以圓點排列,如<ul> |
反對 |
<dir> |
● |
目錄清單 |
清單項目將以圓點排列,如<ul> |
反對 |
<dl> |
● |
定義清單 |
清單分兩層出現 |
|
<dt> |
○ |
定義條目 |
標示該項定義的標題 |
|
<dd> |
○ |
定義內容 |
標示定義內容 |
|
表格標記 |
<table> |
● |
表格標記 |
設定該表格的各項參數 |
|
<caption> |
● |
表格標題 |
作成一打通列以填入表格標題 |
|
<tr> |
● |
表格列 |
設定該表格的列 |
|
<td> |
● |
表格欄 |
設定該表格的欄 |
|
<th> |
● |
表格標頭 |
相等於<td>,但其內之字體會變粗 |
|
表單標記 |
<form> |
● |
表單標記 |
決定單一表單的運做模式 |
|
<textarea> |
● |
文字區塊 |
提供文字方盒以輸入較大量文字 |
|
<input> |
○ |
輸入標記 |
決定輸入形式 |
|
<select> |
● |
選擇標記 |
創建 pop-up 捲動清單 |
|
<option> |
○ |
選項 |
每一標記標示一個選項 |
|
圖形標記 |
<img> |
○ |
圖形標記 |
用以插入圖形及設定圖形屬性 |
|
連結標記 |
<a> |
● |
連結標記 |
加入連結 |
|
<base> |
○ |
基準標記 |
可將相對 url 轉絕對及指定連結目標 |
|
框架標記 |
<frameset> |
● |
框架設定 |
設定框架 |
|
<frame> |
○ |
框窗設定 |
設定框窗 |
|
<iframe> |
○ |
頁內框架 |
於網頁中間插入框架 |
ie |
<noframes> |
● |
不支援框架 |
設定當瀏覽器不支援框架時的提示 |
|
影像地圖 |
<map> |
● |
影像地圖名稱 |
設定影像地圖名稱 |
|
<area> |
○ |
連結區域 |
設定各連結區域 |
|
多媒體 |
<bgsound> |
○ |
背景聲音 |
於背景播放聲音或音樂 |
ie |
<embed> |
○ |
多媒體 |
加入聲音、音樂或影像 |
|
其餘標記 |
<marquee> |
● |
走動文字 |
令文字左右走動 |
ie |
<blink> |
● |
閃爍文字 |
閃爍文字 |
nc |
<isindex> |
○ |
頁內尋找器 |
可輸入關鍵字尋找於該一頁 |
反對 |
<meta> |
○ |
開頭定義 |
讓瀏覽器知道這是 html 文件 |
|
<link> |
○ |
關係定義 |
定義該文件與其餘 url 的關係 |
|
stylesheet |
<style> |
● |
樣式表 |
控制網頁版面 |
|
<span> |
● |
自訂標記 |
獨立使用或與樣式表同用 |