標(biāo)記語(yǔ)言導(dǎo)論Cha.ppt

第二章 HTML,主要內(nèi)容,第一節(jié) HTML概述 第二節(jié) HTML基本語(yǔ)法 第三節(jié) HTML標(biāo)簽 第四節(jié) HTML文檔的發(fā)布,第一節(jié) HTML概述,一、What is HTML 二、HTML的特點(diǎn) 三、HTML的發(fā)展歷史 四、HTML與URL 五、HTML字符集 六、HTML字符實(shí)體 七、如何編寫(xiě)HTML文檔,一、What is HTML,是目前網(wǎng)絡(luò)上編寫(xiě)網(wǎng)頁(yè)文檔的主流語(yǔ)言，它是一種簡(jiǎn)單的、通用的描述性標(biāo)記語(yǔ)言，通過(guò)其提供的各種標(biāo)記把在頁(yè)面中要顯示的內(nèi)容組織起來(lái)形成HTML文件，瀏覽器可以解釋執(zhí)行這些標(biāo)記，以Web網(wǎng)頁(yè)的形式顯示，用以共享網(wǎng)絡(luò)上的信息資源。,二、HTML的特點(diǎn),獨(dú)立于平臺(tái)（計(jì)算機(jī)硬件和操作系統(tǒng)）。即文檔可以在具有不同性能的計(jì)算機(jī)上以相似形式顯示文檔內(nèi)容。這個(gè)特性對(duì)用戶至關(guān)重要。 超文本。允許文檔中的文字、圖片等鏈接到另一文檔，這個(gè)特性將允許用戶在不同計(jì)算機(jī)中的文檔之間及文檔內(nèi)部漫游。 精確的結(jié)構(gòu)化文檔。該特性將允許某些高級(jí)應(yīng)用，如HTML文檔和其他格式文檔間互相轉(zhuǎn)換以及搜索。,三、HTML的發(fā)展歷史,HTML，發(fā)明人是Web之父Tim Berners-Lee，于1989年在CERN（歐洲核子研究中心）研制出來(lái)。 用SGML作為HTML的開(kāi)發(fā)模版。SGML過(guò)于繁復(fù)，隨著Internet的廣泛應(yīng)用，需要一種易于大眾使用的描述語(yǔ)言，超文本標(biāo)記語(yǔ)言HTML作為一種DTD，即SGML的一種應(yīng)用應(yīng)運(yùn)而生。,超文本標(biāo)記語(yǔ)言在1993年6月作為互聯(lián)網(wǎng)工程工作小組 (IETF)工作草案發(fā)布（并非標(biāo)準(zhǔn)）. HTML 2.01995年11月作為RFC 1866發(fā)布，在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過(guò)時(shí) HTML 3.21996年1月14日，W3C推薦標(biāo)準(zhǔn) HTML 4.01997年12月18日，W3C推薦標(biāo)準(zhǔn) HTML 4.01（微小改進(jìn)）1999年12月24日，W3C推薦標(biāo)準(zhǔn) ISO/IEC 15445:2000（“ISO HTML”）2000年5月15日發(fā)布，基于嚴(yán)格的HTML 4.01語(yǔ)法，是國(guó)際標(biāo)準(zhǔn)化組織和國(guó)際電工委員會(huì)的標(biāo)準(zhǔn)。 HTML 5公共草案，2008年1月，由W3C（萬(wàn)維網(wǎng)聯(lián)盟）發(fā)布的。,四、HTML與URL,URL（Uniform Resource Locator，簡(jiǎn)稱URL），用于完整描述Internet上網(wǎng)頁(yè)和其他資源地址的標(biāo)識(shí)方法，如我們要訪問(wèn)某個(gè)網(wǎng)站，在IE等瀏覽器的地址欄中就輸入U(xiǎn)RL。Internet上的每個(gè)網(wǎng)頁(yè)都具有其唯一的URL標(biāo)識(shí)，稱為URL地址，這種地址可以是本地磁盤(pán)，也可以是局域網(wǎng)上的某臺(tái)計(jì)算機(jī)，更多的是Internet上的站點(diǎn)。 在URL地址中?？吹綆TML的后綴名，就是指這個(gè)網(wǎng)頁(yè)文件是由HTML語(yǔ)言編寫(xiě)的。,網(wǎng)址，如:23/exploring/exploring.html，遵守語(yǔ)法規(guī)則：scheme:/host.domain:port/path/filename Scheme 定義因特網(wǎng)服務(wù)的類(lèi)型。最流行的類(lèi)型是http。 domain（域）定義因特網(wǎng)域名，上述網(wǎng)址域名。 host（主機(jī)）定義此域中的主機(jī)。如果被省略，缺省的支持 http 的主機(jī)是 www。 :port(端口)定義主機(jī)的端口號(hào)。端口號(hào)通常是被省略的，缺省的端口號(hào)是 80。上述網(wǎng)址中的端口為23 path（路徑）定義服務(wù)器上的路徑。如果路徑被省略，資源（文檔）會(huì)被定位到網(wǎng)站的根目錄。上述網(wǎng)址的存放目錄為exploring filename（文件名）定義文檔的名稱。缺省文件名是 default.asp 或 index.html，或者依據(jù) WEB 服務(wù)器設(shè)置的其他文件名。上述網(wǎng)址中的文件名稱為exploring.html,path,絕對(duì)路徑，如： /news/index.html 相對(duì)路徑，如：news/index.html 根路徑，如：/web/news/index.html,絕對(duì)路徑包含了標(biāo)識(shí)Internet上的文件所需要的所有信息。包括完整的協(xié)議名稱，主機(jī)名稱，文件夾名稱和文件名稱 相對(duì)路徑是以當(dāng)前文件所在路徑為起點(diǎn)，進(jìn)行相對(duì)文件的查找。一個(gè)相對(duì)的URL不包括協(xié)議和主機(jī)地址信息，表示它的路徑與當(dāng)前文檔的訪問(wèn)協(xié)議和主機(jī)名相同，甚至有相同的目錄路徑。通常只包含文件夾名和文件名。甚至只有文件名?？梢杂孟鄬?duì)URL指向與源文檔位于同一服務(wù)器或同文件夾中的文件。,根路徑目錄地址同樣可用于創(chuàng)建內(nèi)部鏈接，但大多數(shù)情況下，不建議使用此種鏈接形式。根路徑目錄地址的書(shū)寫(xiě)也很簡(jiǎn)單，首先以一個(gè)斜杠開(kāi)頭，代表根目錄，然后書(shū)寫(xiě)文件夾名，最后書(shū)寫(xiě)文件名。如果根目錄要寫(xiě)盤(pán)符，就在盤(pán)符后使用“,而不用“:“。 如：/web/highight/shouey.html d/web/highight/shouey.html,相對(duì)路徑的用法 相對(duì)路徑名 含義 herf=“shouey.html“shouey.html是本地當(dāng)前路徑下的文件herf=“web/shouey.html“shouey.html是本地當(dāng)前路徑下稱做“web“子目錄下的文件herf=“/shouey.html“shouey.html是本地當(dāng)前目錄的上一級(jí)子目錄下的文件herf=“/shouey.html“shouey.html是本地當(dāng)前目錄的上兩級(jí)子目錄下的文件,相對(duì)路徑VS絕對(duì)路徑,使用相對(duì)路徑還是絕對(duì)路徑？在絕大多數(shù)情況下使用相對(duì)路徑比較好，例如，用絕對(duì)路徑定義了鏈接，當(dāng)把文件夾改名或者移動(dòng)之后，那么所有的鏈接都要失敗，這樣就必須對(duì)所有html文件的鏈接進(jìn)行重新編排，而一旦將此文夾件移到網(wǎng)絡(luò)服務(wù)器上時(shí)，需要重新改動(dòng)的地方就更多了，那是一件很麻煩的事情。而使用相對(duì)路徑，不僅在本地機(jī)器環(huán)境下適合，就是上傳到網(wǎng)絡(luò)或其他系統(tǒng)下也不需要進(jìn)行多少更改就能準(zhǔn)確鏈接。,五、HTML 文檔字符集 （特殊字符的編碼方式）,字符集或稱字集，指文字集合，將固定數(shù)目的文字編序，以方便作通訊、教育、資訊處理等用途。 為了能讓各類(lèi)字符被使用不同語(yǔ)言制作的計(jì)算機(jī)系統(tǒng)所理解，提高運(yùn)算速度，SGML規(guī)定其每一個(gè)應(yīng)用(包括HTML),定義它自身的文檔字符集。 一個(gè)文檔字符集是一個(gè)抽象的字符集和一套整體的字符參考集合，文檔字符集中的字符具有不同的優(yōu)先參考次序。 不同字符集具有不同的編碼方式。,在Web上發(fā)送HTML文檔時(shí)，Web服務(wù)器需指出文檔的使用何種字符集（字符解碼方式），以便瀏覽器正確顯示HTML頁(yè)面。 HTML允許用戶在文檔頭使用META元素來(lái)清晰地告訴用戶代理器運(yùn)用何種解碼方式。例如，當(dāng)前文檔使用“big5”(繁體中文解碼)方式,可以在文檔頭使用下面的META聲明:,六、HTML字符實(shí)體,一些字符在HTML文檔中擁有特殊含義，比如小于號(hào)()用于定義HTML標(biāo)簽的開(kāi)始。如果我們希望瀏覽器正確地顯示這些字符，我們必須在HTML代碼中插入字符實(shí)體。 字符實(shí)體有三部分：符號(hào)（” 使用實(shí)體名稱而不是實(shí)體編號(hào)的好處在于，名稱相對(duì)來(lái)說(shuō)更容易記憶。而這么做的壞處是，并不是所有的瀏覽器都支持最新的實(shí)體名稱，然而幾乎所有瀏覽器都支持實(shí)體編號(hào)。,SymbolEntityExample Less than “,七、編寫(xiě)HTML文檔的方法,手工直接編寫(xiě)：由于HTML語(yǔ)言編寫(xiě)的文件是標(biāo)準(zhǔn)的ASCII文本文件，可以使用文本編輯器編寫(xiě)或修改HTML文件，如Windows系統(tǒng)中自帶的記事本。HTML文件的擴(kuò)展名必須是.htm或者.html，文本編輯軟件沒(méi)有提供直接保存成HTML文件類(lèi)型的功能，可以將文件另存為htm或html的形式。另外，用文本編輯器時(shí)，不能直接看到Web頁(yè)面的實(shí)際效果，要在瀏覽器中才能顯示出HTML代碼的顯示效果。,使用可視化軟件： Microsoft公司的Frontpage、 Macromedio公司的Dreamweaver、 Adobe公司的Golive 這類(lèi)軟件可以實(shí)現(xiàn)編寫(xiě)代碼時(shí)所見(jiàn)即所得的顯示效果（wygiwys: what you get is what you see）。 由Web服務(wù)器動(dòng)態(tài)生成：這需要進(jìn)行后端的網(wǎng)頁(yè)編程來(lái)實(shí)現(xiàn)，如ASP、PHP等，一般情況下都需要數(shù)據(jù)庫(kù)的配合。,第二節(jié) HTML基本語(yǔ)法,一、HTML文檔的全局結(jié)構(gòu) 二、HTML文檔的元素和標(biāo)簽 三、HTML注釋,一、HTML文檔全局結(jié)構(gòu), 開(kāi)始標(biāo)簽 一個(gè)簡(jiǎn)單的HTML網(wǎng)頁(yè) 頭部標(biāo)簽 歡迎光臨我的主頁(yè) 文件主體 這是我第一次做主頁(yè) 結(jié)尾標(biāo)簽,e,二、元素和標(biāo)簽,HTML文檔是由一系列的元素和標(biāo)簽組成，元素名不區(qū)分大小寫(xiě)。標(biāo)簽用來(lái)規(guī)定元素的屬性和它在文件中的位置。 例如，在Sample2_1.html中，歡迎光臨我的主頁(yè) 就是一個(gè)HTML元素：由起始標(biāo)簽開(kāi)始，內(nèi)容是“歡迎光臨我的主頁(yè)”，由終止標(biāo)簽結(jié)束。 標(biāo)簽的作用是定義一個(gè)顯示為1號(hào)字的HTML元素。 瀏覽器不會(huì)把這些標(biāo)簽本身顯示出來(lái)，只是按照標(biāo)簽的要求對(duì)標(biāo)簽之間的內(nèi)容進(jìn)行解釋和顯示。,標(biāo)簽是由一些字母組成的，并必須要放在一對(duì)尖括號(hào)中。HTML文件可支持很多種標(biāo)簽，不同的標(biāo)簽代表不同的含義和作用， HTML的標(biāo)簽分單標(biāo)簽和成對(duì)標(biāo)簽兩種。 成對(duì)標(biāo)簽是由起始標(biāo)簽和結(jié)束標(biāo)簽組成，成對(duì)標(biāo)簽的作用域只作用于這對(duì)標(biāo)簽中內(nèi)容。 單獨(dú)標(biāo)簽的格式，單獨(dú)標(biāo)簽在相應(yīng)的位置插入內(nèi)容就可以了，只有少數(shù)幾個(gè)單獨(dú)標(biāo)簽，如、。,大多數(shù)標(biāo)簽都有其屬性,屬性要寫(xiě)在始標(biāo)簽內(nèi)，屬性用于進(jìn)一步改變顯示的效果,為HTML元素提供附加信息。屬性總是以名稱/值對(duì)的形式出現(xiàn)，如name=“value”。各屬性之間無(wú)先后次序，屬性是可選的，屬性也可以省略而采用默認(rèn)值； 其格式如下： 內(nèi)容 例如：這是我第一次做主頁(yè),使用標(biāo)簽的注意事項(xiàng),任何標(biāo)簽都要用“”括起來(lái)。 標(biāo)簽名與“”號(hào)之間不能留有空白字符。 并不是所有的標(biāo)簽都需要屬性。 屬性只可加于起始標(biāo)簽中。 不同的標(biāo)簽可以帶有不同的屬性，屬性要和標(biāo)簽同時(shí)使用。 標(biāo)記字母大小寫(xiě)不加區(qū)分，標(biāo)記中的屬性名和屬性值也不區(qū)分大小寫(xiě)。,三、HTML注釋,在HTML文檔中可以加入注釋標(biāo)簽，注釋由開(kāi)始標(biāo)簽“”構(gòu)成，這兩個(gè)標(biāo)簽之間的文字被瀏覽器解釋為注釋?zhuān)菫榱司帉?xiě)者便于查找和記憶有關(guān)的文件內(nèi)容和標(biāo)識(shí)，增加代碼的可讀性，這些注釋內(nèi)容并不會(huì)在瀏覽器中顯示出來(lái)。 在編寫(xiě)HTML文檔時(shí)，如果希望某段標(biāo)記不執(zhí)行，可以通過(guò)加注釋的方式實(shí)現(xiàn)，而不用刪除它，當(dāng)以后想運(yùn)行時(shí)再將注釋去掉就可以了。,第三節(jié) HTML標(biāo)簽,一、基本結(jié)構(gòu)標(biāo)簽 二、文本格式標(biāo)簽 三、列表標(biāo)簽 四、超鏈接標(biāo)簽 五、圖像標(biāo)簽 六、表格標(biāo)簽 七、表單標(biāo)簽 八、框架標(biāo)簽,一、基本結(jié)構(gòu)標(biāo)簽,HTML文檔要包含以下三對(duì)標(biāo)簽： . 不是必要的，但推薦； . 基本信息（元信息） . 要顯示的內(nèi)容,1.頭標(biāo)簽,中包含的標(biāo)簽： .(定義基URL用于頁(yè)面的鏈接與引用)、 .(設(shè)置網(wǎng)頁(yè)的標(biāo)題)、 .(在網(wǎng)頁(yè)中嵌入除圖片外的多媒體)、 .(當(dāng)在文檔中聲明使用外接資源(比如CSS)時(shí)使用此標(biāo)簽)、 .(在文檔中聲明樣式時(shí)使用此標(biāo)簽)、 .(在文檔中使用腳本)、 .(為HTML文檔提供額外信息)等。,Title標(biāo)簽,.標(biāo)簽代表了HTML文檔的標(biāo)題，此標(biāo)簽只能在.標(biāo)簽內(nèi)出現(xiàn)，內(nèi)容通常在瀏覽器的標(biāo)題欄中顯示，此外，瀏覽器中收藏夾內(nèi)書(shū)簽的名稱，從搜索引擎搜索到的內(nèi)容的標(biāo)簽就是.標(biāo)簽的內(nèi)容，所以在編寫(xiě)HTML文檔時(shí)應(yīng)注意完善.標(biāo)簽的內(nèi)容。,Meta標(biāo)簽,在HTML文檔里，標(biāo)簽表示用來(lái)描述網(wǎng)頁(yè)的有關(guān)信息，幾乎所有的網(wǎng)頁(yè)，都可以看到類(lèi)似下面這段代碼： head meta http-equiv=“content-Type“ content=“text/html; charset=gb2312“ /head 在這段代碼中，通過(guò)添加標(biāo)簽的屬性，可以定義有關(guān)頁(yè)面的元信息（meta-information），比如針對(duì)搜索引擎和更新頻度的描述和關(guān)鍵詞。,標(biāo)簽共有兩個(gè)屬性，它們分別是http-equiv屬性和name屬性 name屬性 http-equiv屬性 不同的屬性有不同的參數(shù)值，這些參數(shù)值就實(shí)現(xiàn)了不同的網(wǎng)頁(yè)功能。,name屬性主要用于描述網(wǎng)頁(yè)，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容主要是便于搜索引擎機(jī)器人查找信息和分類(lèi)信息用的。 meta標(biāo)簽的name屬性語(yǔ)法格式是： meta name=“參數(shù)“ content=“具體的參數(shù)值“ 。,name屬性主要有以下幾種參數(shù)： Keywords(關(guān)鍵字)：用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。 例：meta name =“keywords“ content=“science, education,culture,politics,ecnomics，relationships, entertaiment, human“ description(網(wǎng)站內(nèi)容描述)：description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。 例：meta name=“description“ content=“This page is about the meaning of science, education,culture.“ robots(機(jī)器人向?qū)?：robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。content的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。 例：meta name=“robots“ content=“none“ author(作者)：標(biāo)注網(wǎng)頁(yè)的作者 例：meta name=“author“ content“root,“,http-equiv相當(dāng)于http的文件頭作用，它可以向?yàn)g覽器傳回一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容，與之對(duì)應(yīng)的屬性值為content，content中的內(nèi)容其實(shí)就是各個(gè)參數(shù)的變量值。語(yǔ)法格式是： meta http-equiv=“參數(shù)“ content=“參數(shù)變量值“ ；,其中http-equiv屬性主要有以下幾種參數(shù)： Expires(期限)：可以用于設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新傳輸。 例：meta http-equiv=“expires“ content=“Fri, 12 Jan 2001 18:18:18 GMT“ 必須使用GMT的時(shí)間格式。 Pragma(cache模式)：禁止瀏覽器從本地計(jì)算機(jī)的緩存中訪問(wèn)頁(yè)面內(nèi)容。 例：meta http-equiv=“Pragma“ content=“no-cache“ 這樣設(shè)定，訪問(wèn)者將無(wú)法脫機(jī)瀏覽。 Refresh(刷新)：自動(dòng)刷新并指向新頁(yè)面。 例：meta http-equiv=“Refresh“ content=“2；URL=“ 其中的2是指停留2秒鐘后自動(dòng)刷新到URL網(wǎng)址。,Set-Cookie(cookie設(shè)定) 例：meta http-equiv=“Set-Cookie“ content=“cookievalue=xxx; expires=Friday12-Jan-2001 18:18:18 GMT； path=/“ 注意：如果網(wǎng)頁(yè)過(guò)期，那么存盤(pán)的cookie將被刪除。必須使用GMT的時(shí)間格式。 Window-target(顯示窗口的設(shè)定)：強(qiáng)制頁(yè)面在當(dāng)前窗口以獨(dú)立頁(yè)面顯示。 例：meta http-equiv=“Window-target“ content=“_top“ 用來(lái)防止別人在框架里調(diào)用自己的頁(yè)面。 content-Type(顯示字符集的設(shè)定) 設(shè)定頁(yè)面字符集meta http-equiv=“content-Type“ content=“text/html; charset=gb2312“,2.主體標(biāo)簽.,.標(biāo)簽是用來(lái)定義HTML文檔主體的標(biāo)記，即告訴瀏覽器這部分的內(nèi)容是網(wǎng)頁(yè)的實(shí)際內(nèi)容。在瀏覽器中需要顯示的內(nèi)容對(duì)應(yīng)的標(biāo)記都要加在.標(biāo)簽中，該標(biāo)記是HTML文檔中必須使用的標(biāo)簽，網(wǎng)頁(yè)的整體風(fēng)格是通過(guò).標(biāo)簽中的屬性來(lái)實(shí)現(xiàn)，,.標(biāo)簽屬性表,Link設(shè)定頁(yè)面默認(rèn)的連接顏色 Alink設(shè)定鼠標(biāo)正在單擊時(shí)的連接顏色 vlink設(shè)定訪問(wèn)后連接文字的顏色 background設(shè)定頁(yè)面背景圖像 bgcolor設(shè)定頁(yè)面背景顏色 leftmargin設(shè)定頁(yè)面的左邊距 topmargin設(shè)定頁(yè)面的上邊距 bgproperties設(shè)定頁(yè)面背景圖像為固定，不隨頁(yè)面的滾動(dòng)而滾動(dòng) text設(shè)定頁(yè)面文字的顏色,二、文本格式標(biāo)簽,1. 標(biāo)題格式標(biāo)簽 可以使網(wǎng)頁(yè)中文字內(nèi)容突出顯示，一般用來(lái)突出顯示標(biāo)題。 標(biāo)簽是成對(duì)出現(xiàn)的，共分為六級(jí)， 在.之間的文字就是第一級(jí)標(biāo)題，是最大最粗的標(biāo)題； .之間的文字是最后一級(jí)，是最小最細(xì)的標(biāo)題文字。 利用這些標(biāo)記，可以定義出不同字號(hào)的標(biāo)題。 每個(gè)標(biāo)題標(biāo)記所標(biāo)記的字句將獨(dú)占一行且上下留一空白行，即其本身便具備換行功能。Align屬性用于設(shè)置標(biāo)題的對(duì)齊方式，其參數(shù)為 left（左），enter（中)，right (右）。 標(biāo)題標(biāo)記的格式為： 標(biāo)題內(nèi)容， 其中n為1、2、3、4、5、6。, 設(shè)定各級(jí)標(biāo)題 一級(jí)標(biāo)題。 二級(jí)標(biāo)題。 三級(jí)標(biāo)題。 四級(jí)標(biāo)題。 五級(jí)標(biāo)題。 六級(jí)標(biāo)題。 ,2 . 字體控制標(biāo)簽 控制文字的字體、大小和顏色可以使用.標(biāo)簽，通過(guò)設(shè)置屬性來(lái)實(shí)現(xiàn)。其基本格式為： 文字內(nèi)容,.標(biāo)簽屬性表,屬性 使用功能默認(rèn)值 face設(shè)置文字使用的字體 宋體 size設(shè)置文字的大小 3 color設(shè)置文字的顏色 黑色 如果用戶系統(tǒng)中沒(méi)有face屬性所指的字體，則將使用默認(rèn)字體。 size屬性的取值為17，也可以用“+”或“-”來(lái)設(shè)定字號(hào)的相對(duì)值。 color屬性的值為：RGB顏色“#nnnnnn“或顏色的英文名稱, 控制文字的格式 盼望著，盼望著，東風(fēng)來(lái)了，春天腳步近了。 一切都像剛睡醒的樣子，欣欣然張開(kāi)了眼。山朗潤(rùn)起來(lái)了，水漲起來(lái)了，太陽(yáng)的臉紅起來(lái)了。 小草偷偷地從土里鉆出來(lái)，嫩嫩的，綠綠的。園子里，田野里，瞧去一大片一大片滿是的。坐著，躺著，打兩個(gè)滾，踢幾腳球，賽幾趟跑，捉幾回迷藏。風(fēng)輕悄悄的，草軟綿綿的。 ,有的時(shí)候，需要在頁(yè)面中使用一些特殊效果的字體，如加粗、斜體、加下劃線等，可以通過(guò)以下的標(biāo)簽加以控制實(shí)現(xiàn)。 字體加粗標(biāo)簽：. 斜體文字：. 下劃線文字：., 字體的物理類(lèi)型 這些文字是粗體的 這些文字是斜體的 這些文字帶有下劃線 ,3 . 段落標(biāo)簽 是HTML標(biāo)簽中最常見(jiàn)的一種符號(hào)，它位于各段落起始部位。使用該標(biāo)簽后，每塊文本段落之間都會(huì)空出一行。標(biāo)簽可以單獨(dú)使用，也可以成對(duì)使用。單獨(dú)使用時(shí)，下一個(gè)的開(kāi)始就意味著上一個(gè)的結(jié)束。良好的習(xí)慣是成對(duì)使用。 Align是標(biāo)簽的常用屬性，用于指定段落的水平對(duì)齊方式，該屬性有三個(gè)參數(shù)left，center，right。這三個(gè)參數(shù)設(shè)置段落文字的左，中，右位置的對(duì)齊方式。, 測(cè)試分段控制標(biāo)簽 花兒什么也沒(méi)有。它們只有凋謝在風(fēng)中的輕微、凄楚而又無(wú)奈的吟怨， 就像那受到了致命傷害的秋雁，悲哀無(wú)助地發(fā)出一聲聲垂死的鳴叫。 或許，這便是花兒那短暫一生最凄涼、最傷感的歸宿。 而美麗苦短的花期 卻是那最后悲傷的秋風(fēng)挽歌中的瞬間插曲。 ,4. 換行標(biāo)簽 是個(gè)單標(biāo)簽，也叫空標(biāo)簽，無(wú)任何屬性參數(shù)，在HTML文檔中的任何位置只要使用了標(biāo)簽，當(dāng)文件顯示在瀏覽器中時(shí)，該標(biāo)簽之后的內(nèi)容將顯示下一行。, 無(wú)換行示例 無(wú)換行標(biāo)記：登鸛雀樓 白日依山盡，黃河入海流。欲窮千里目，更上一層樓。 有換行標(biāo)記：登鸛雀樓白日依山盡，黃河入海流。欲窮千里目，更上一層樓。 ,三、列表標(biāo)簽,在HTML文檔中，合理的使用列表格式可以起到利用提綱和格式使文本有序排列的作用，列表格式包括有序列表（ordered list ）和無(wú)序列（unordered list ）表格式。 無(wú)序列表就是項(xiàng)目各條列間并無(wú)順序關(guān)系，只是以列的形式來(lái)呈現(xiàn)資料而已，此種無(wú)序標(biāo)簽，在各條列前面均有一特殊符號(hào)以示區(qū)隔。 而有序條列就是指各條列之間是有順序的，比如從1、2、3一直延伸下去。,無(wú)序列表,使用標(biāo)簽和列表項(xiàng)單標(biāo)簽來(lái)創(chuàng)建，語(yǔ)法格式如下： 列表項(xiàng)1 列表項(xiàng)2 列表項(xiàng)3 列表項(xiàng)n , 無(wú)序列表 默認(rèn)的無(wú)序列表加“實(shí)心園“ 默認(rèn)的無(wú)序列表“實(shí)心園“ 默認(rèn)的無(wú)序列表“實(shí)心園“ 無(wú)序列表square加方塊 無(wú)序列表square加方塊 無(wú)序列表square加方塊 無(wú)序列表circle加空心園 無(wú)序列表circle加空心園 無(wú)序列表circle加空心園 ,有序列表,在各列表項(xiàng)前面顯示數(shù)字或字母的縮排列表，可以使用有序列表標(biāo)簽.和列表項(xiàng)標(biāo)記來(lái)創(chuàng)建，使用.標(biāo)簽的結(jié)果是創(chuàng)建帶有前后順序之分編號(hào)的列表。如果插入和刪除一個(gè)列表項(xiàng)，編號(hào)會(huì)自動(dòng)調(diào)整。順序編號(hào)的設(shè)置是由.標(biāo)簽的兩個(gè)屬性type和start來(lái)完成的。Start的值為編號(hào)開(kāi)始的數(shù)字，如start=2則編號(hào)從2開(kāi)始，如果從1開(kāi)始可以省略，或是在標(biāo)簽中設(shè)定value“n“來(lái)改變列表行項(xiàng)目的特定編號(hào)，例如。Type的值是用于編號(hào)的數(shù)字,字母等的類(lèi)型，如type=a，則編號(hào)用英文字母。使用這些屬性時(shí)，需要將它們放在或的的初始標(biāo)簽中。,語(yǔ)法格式如下： 列表項(xiàng)1 列表項(xiàng)2 列表項(xiàng)3 列表項(xiàng)n , 有序列表 默認(rèn)的有序列表 默認(rèn)的有序列表 默認(rèn)的有序列表 第1項(xiàng) 第2項(xiàng) 第3項(xiàng) 第4項(xiàng) 第1項(xiàng) 第2項(xiàng) 第3項(xiàng) ,四、超鏈接標(biāo)簽,鏈接（超鏈接）是從一個(gè)Web資源到另一個(gè)Web資源的連接。雖然概念簡(jiǎn)單，實(shí)際上它是Web成功的主要?jiǎng)恿χ?，是Web的靈魂。鏈接有兩個(gè)端點(diǎn)（稱為anchors）和一個(gè)方向。鏈接始于源anchor而終于目標(biāo)anchor，anchor可以是任何Web資源，如圖片、音視頻文件、程序、HTML文檔，HTML文檔內(nèi)的元素。通過(guò)鏈接可將大量頁(yè)面鏈接起來(lái)。通過(guò)鏈接，我們可享受豐富多彩的多媒體世界。,建立超鏈接的標(biāo)簽為，語(yǔ)法格式為： 鏈接載體 設(shè)計(jì)超鏈接時(shí)，要確定以下事項(xiàng)： 鏈接載體（通常是文本或圖像），若為文本，通常稱為錨文本（anchor text）； 鏈接目標(biāo)，它可以是多種資源，如網(wǎng)頁(yè)、圖像、文檔、聲音、FTP等； 打開(kāi)鏈接的窗口； 鏈接顯示的文字（可選項(xiàng)）。,Target屬性,指定打開(kāi)鏈接的目標(biāo)窗口，默認(rèn)原窗口 Target 屬性表 屬性值 描 述 _blank 在新窗口打開(kāi) _self 在同一個(gè)楨或窗口中打開(kāi)，這項(xiàng)一般不用設(shè)置 _parent 在上一級(jí)窗口中打開(kāi)，一般使用分楨的框架頁(yè)會(huì)經(jīng)常使用 _top 在瀏覽器的整個(gè)窗口中打開(kāi)，忽略任何框架, 鏈接到http:/ 絕對(duì)路徑鏈接 清 華 大 學(xué) 北 京 大 學(xué) 上海外國(guó)語(yǔ)學(xué)院 ,鏈接（超鏈接）是從一個(gè)Web資源到另一個(gè)Web資源的連接。雖然概念簡(jiǎn)單，實(shí)際上它是Web成功的主要?jiǎng)恿χ?，是Web的靈魂。鏈接有兩個(gè)端點(diǎn)（稱為anchors）和一個(gè)方向。鏈接始于源anchor而終于目標(biāo)anchor，anchor可以是任何Web資源，如圖片、音視頻文件、程序、HTML文檔，HTML文檔內(nèi)的元素。通過(guò)鏈接可將大量頁(yè)面鏈接起來(lái)。通過(guò)鏈接，我們可享受豐富多彩的多媒體世界。,建立超鏈接的標(biāo)簽為，語(yǔ)法格式為： 鏈接載體 設(shè)計(jì)超鏈接時(shí)，要確定以下事項(xiàng)： 鏈接載體（通常是文本或圖像），若為文本，通常稱為錨文本（anchor text）； 鏈接目標(biāo)，它可以是多種資源，如網(wǎng)頁(yè)、圖像、文檔、聲音、FTP等； 打開(kāi)鏈接的窗口； 鏈接顯示的文字（可選項(xiàng)）。,五、圖像標(biāo)簽,使用標(biāo)簽可以在HTML文檔中加入圖像，該標(biāo)記為單標(biāo)記。其語(yǔ)法格式如下： , 設(shè)定圖像與文本之間的距離 秋雨無(wú)聲無(wú)息地下著。 颯颯的秋風(fēng)不可一世地橫行在蕭條的郊外。無(wú)力與秋風(fēng)抗?fàn)幍目萑~，只能帶著絲絲牽掛，無(wú)可奈何地飄離留戀的枝頭。秋蟬哀弱的殘聲逐漸地少了，地上落葉多了 黃昏，我漫步在郊外的林間，想細(xì)細(xì)地品味秋雨的凄冷。然而，“雨到深秋易作霖，蕭蕭難會(huì)此時(shí)心”，此時(shí)，又有誰(shuí)能聽(tīng)我訴說(shuō)心中的那份情懷呢？ ,頁(yè)面的背景圖像設(shè)置,在.標(biāo)簽中設(shè)置background屬性來(lái)將圖像設(shè)置為HTML文檔背景，語(yǔ)法格式如下： , 設(shè)置背景圖像 盼望著，盼望著，東風(fēng)來(lái)了，春天腳步近了. ,六、表格標(biāo)簽,表格是由行和列組成的，而行和列中可以包含一個(gè)或多個(gè)表格單元（單元格），在表格中可以包含文本，圖像，表單以及其他頁(yè)面元素。 在HTML文檔中，表格通過(guò)、 , 、標(biāo)簽實(shí)現(xiàn)，,.用于定義一個(gè)表格開(kāi)始和結(jié)束 .定義一行標(biāo)簽，一組行標(biāo)簽內(nèi)可以建立多組由或標(biāo)簽所定義的單元格 .定義表頭單元格。表格中的文字將以粗體顯示，在表格中也可以不用此標(biāo)簽，標(biāo)簽必須放在標(biāo)簽內(nèi) .定義單元格標(biāo)簽，一組標(biāo)簽將將建立一個(gè)單元格，標(biāo)簽必須放在標(biāo)簽內(nèi), 第1行中的第1列 第1行中的第2列 第1行中的第3列 第2行中的第1列 第2行中的第2列 第2行中的第3列 返回 ,、, 都有其各自的屬性，可用于豐富顯示效果。,七、表單標(biāo)簽,表單包含用戶進(jìn)行交互的各種控件，例如文本框、列表框、復(fù)選框和單選按鈕等，站點(diǎn)訪問(wèn)者可以通過(guò)輸入文本、單擊單選按鈕和復(fù)選框，以及從下拉列表中選擇選項(xiàng)等方式填寫(xiě)表單，填寫(xiě)完畢之后選擇送出數(shù)據(jù)，站點(diǎn)將收集的用戶數(shù)據(jù)送入制定的表單處理程序，完成數(shù)據(jù)的處理工作。 表單是用戶交互的靈活！,表單標(biāo)簽的基本結(jié)構(gòu)是：標(biāo)簽之間加上若干個(gè)表單控件元素標(biāo)記，也即定義表單的開(kāi)始和結(jié)束位置，在開(kāi)始和結(jié)束標(biāo)記之間的一切定義都屬于表單的內(nèi)容。創(chuàng)建表單的語(yǔ)法格式如下： ,可以在表單中添加的以下控件元素： 輸入標(biāo)記 多行文本框 下拉列表框,輸入標(biāo)記,只能用在標(biāo)簽之間，有9種輸入類(lèi)型，由type屬性加以說(shuō)明，格式為。此標(biāo)簽用來(lái)定義一個(gè)用戶輸入?yún)^(qū)，用戶可在其中輸入信息。 預(yù)設(shè)內(nèi)榮 圖像位置 ,多行文本框,標(biāo)簽用來(lái)定義一個(gè)可以輸入多行的文本框，他只能用在標(biāo)簽之間。語(yǔ)法格式如下： 文本區(qū)中的字符串 除過(guò)name外，其它屬性都為可選屬性，各屬性的含義如下： Name：指定多行文本框的名稱 Cols：設(shè)定文字區(qū)塊的字符寬度 Rows：設(shè)定文字區(qū)塊的列數(shù)，即其高度 Readonly：設(shè)定多行文本框中的內(nèi)容為只讀,列表框,若要讓站點(diǎn)訪問(wèn)者從列表中進(jìn)行選擇時(shí)，可以用標(biāo)簽來(lái)創(chuàng)建一個(gè)可以復(fù)選的列表或者下拉列表，此標(biāo)簽用于之間,