【正文】 li站長網(wǎng) 站長學(xué)院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學(xué)院之魔獸世界/li/ulh4Type設(shè)為circle的列表，列表項(xiàng)前面的符號是空心圓：/h4ul type=circleli站長網(wǎng) 站長學(xué)院之網(wǎng)頁課程/lili站長網(wǎng) 站長學(xué)院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學(xué)院之魔獸世界/li/ulh4Type設(shè)為square的列表，列表項(xiàng)前面的符號是黑方塊：/h4ul type=squareli站長網(wǎng) 站長學(xué)院之網(wǎng)頁課程/lili站長網(wǎng) 站長學(xué)院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學(xué)院之魔獸世界/li/ul/body/html嵌套的列表列表里可以含有子列表。定義列表示例htmlbodyh4定義列表(Definition List)：/h4dldt野生動物/dtdd所有非經(jīng)人工飼養(yǎng)而生活于自然環(huán)境下的各種動物。示例htmlbodyh4不排序列表(Unordered List)：/h4ulli站長網(wǎng) 站長學(xué)院之網(wǎng)頁課程/lili站長網(wǎng) 站長學(xué)院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學(xué)院之魔獸世界/li/ul/body/html定義列表定義列表通常用于術(shù)語的定義。排序列表(Ordered List)排序列表中，每個(gè)列表項(xiàng)前標(biāo)有數(shù)字，表示順序。HTMLHEADTITLE /TITLE/HEADBODYpa href = ../asdocs/html_tutorials/ target=showframe笑話一a/ppa href = ../asdocs/html_tutorials/ target=showframe笑話二a/ppa href = ../asdocs/html_tutorials/ target=showframe笑話三a/p/BODY/HTMLIframe的使用這個(gè)例子顯示如何在一個(gè)HTML文件里用iframe嵌入一個(gè)網(wǎng)頁。如果不使用noresize屬性，你可以用鼠標(biāo)移動Frame的邊界，來改變Frame的大小，如果設(shè)置了noresize屬性，就不能移動邊界了。示例列分Frame這個(gè)例子顯示如何在瀏覽器里同時(shí)顯示三個(gè)網(wǎng)頁，三個(gè)網(wǎng)頁是按列分布的。Frame用frame這個(gè)Tag設(shè)定網(wǎng)頁。每個(gè)Frame里設(shè)定一個(gè)網(wǎng)頁，每個(gè)Frame里的網(wǎng)頁相互獨(dú)立。/h4table border=1trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4Cellspacing屬性值設(shè)為0的表格：/h4table border=1 cellspacing=0trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4Cellspacing屬性值設(shè)為20的表格：/h4table border=1 cellspacing=20trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/table/body/html設(shè)置表格的背景顏色和背景圖片這個(gè)示例演示如何用bgcolor屬性設(shè)置表格的背景顏色，如何用background屬性為表格添加背景圖片。/p/tdtd這個(gè)單元格里包含了一個(gè)表格：table border=1trtdA/tdtdB/td/trtrtdC/tdtdD/td/tr/table/td/trtrtd這個(gè)單元格里包含了一個(gè)圖片：img src = ../images/html_tutorials//tdtdHELLO/td/tr/table/body/html單元格內(nèi)容與單元格邊界之間的距離這個(gè)示例教你如何用cellpadding這個(gè)屬性設(shè)置單元格內(nèi)容與單元格邊界之間的距離。htmlbodyh4這個(gè)表格有標(biāo)題：/h4table border=6caption表格標(biāo)題/captiontrtd100/tdtd200/tdtd300/td/trtrtd400/tdtd500/tdtd600/td/tr/table/body/html包含多列或多行的單元格這個(gè)示例演示如何用colspan，rowspan設(shè)置多列或者多行的單元格。amp。/tdtdSome text/td/tr/tablep上面的例子，你可以看到，給這個(gè)單元格加上一個(gè)空格符號之后，單元格的邊界就顯示出來了?？崭穹Ｊ纠猴@示邊界的表格htmlbodyh4表格的邊界值設(shè)為1：/h4table border=1trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4表格的邊界值設(shè)為8，邊界更粗：/h4table border=8trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4表格的邊界值設(shè)為15，邊界更粗：/h4table border=15trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/table/body/html表格的表頭用th來表示表格的表頭，表頭的字是粗體顯示的。示例htmlbodyp表格所用到的Tag：整個(gè)表格開始要用table；每一行開始要用tr；每一單元格開始要用td。假設(shè)你在根目錄下建了一個(gè)目錄叫html_tutorials，這個(gè)文件的絕對路徑就是。如何表示下級目錄引用下級目錄的文件，直接寫下級目錄文件的路徑即可。HTML相對路徑(Relative Path)同一個(gè)目錄的文件引用如果源文件和引用文件在同一個(gè)目錄里，直接寫引用文件名即可。/p/body/html六、HTML相對路徑(Relative Path)和絕對路徑(Absolute Path)HTML初學(xué)者會經(jīng)常遇到這樣一個(gè)問題，如何正確引用一個(gè)文件。a href = mailto:info聯(lián)系新浪/a實(shí)例：htmlbodyp這是一個(gè)最簡單的郵箱地址的鏈接：a href=mailto:info給新浪網(wǎng)站發(fā)信/a/pp這個(gè)郵箱地址的鏈接寫了subject內(nèi)容：a href=mailto:info?subject=Hello給新浪網(wǎng)站發(fā)信/a/pp這個(gè)郵箱地址鏈接寫了to, cc, bcc, subject, body的內(nèi)容：a href=mailto:info?cc=webmasteramp。每個(gè)章節(jié)都建立一個(gè)鏈接，放在文件的開始處，每個(gè)章節(jié)的開頭都設(shè)置Name屬性。/pa name=C7h2第7章/h2/ap這是站長網(wǎng) 。/pa name=C3h2第3章/h2/ap這是站長網(wǎng) 。網(wǎng)頁教程與代碼的中文站點(diǎn)站長網(wǎng) 站長學(xué)院網(wǎng)站/a/p/body/htmlname屬性使用name屬性，可以跳轉(zhuǎn)到一個(gè)文件的指定部位。a href= title = 站長網(wǎng) 站長學(xué)院amp。title 屬性，可以讓鼠標(biāo)懸停在超鏈接上的時(shí)候，顯示該超鏈接的文字注釋。用法如下：a href=url鏈接的顯示文字/a 點(diǎn)擊a/a當(dāng)中的內(nèi)容，即可打開一個(gè)鏈接文件，href屬性則表示這個(gè)鏈接文件的路徑。htmlbodypa href=../asdocs/html_tutorials/這是一個(gè)鏈接/a/ppa href= target=_blank站長網(wǎng) 站長學(xué)院站點(diǎn)鏈接/a/p/body/html將一個(gè)圖片作為一個(gè)超鏈接這個(gè)示例演示了如何將一個(gè)圖片作為一個(gè)超鏈接，即點(diǎn)擊一個(gè)圖片，可以連接到其它文件。divide。times。reg。amp。34。38。amp。gt。lt。nbsp。為了在網(wǎng)頁中增加空格，你可以使用amp。注意：Entity是區(qū)分大小寫的?；蛘遖mp。一個(gè)字符實(shí)體(Character Entity)分成三部分：第一部分是一個(gè)amp。不過在你對HTML知識尚少的情況下，看別人復(fù)雜的HTML源代碼，只會讓你頭暈。/p/body/html如何看HTML的源代碼在瀏覽器看到的HTML網(wǎng)頁，是瀏覽器解釋HTML源代碼后產(chǎn)生的結(jié)果。/ppins想唱就唱/ins這個(gè)詞下劃線插入。常用文本格式Tag示例HTML常用的格式Tag這個(gè)示例用了上述Tag，你可以對比一下HTML的顯示結(jié)果。/p/body/html背景顏色這個(gè)示例演示如何改變HTML文件的背景色。/phrp村婦想像皇宮的生活：皇后得用金扁擔(dān)挑水吧。htmlbodyh1這是1號標(biāo)題/h1h2這是2號標(biāo)題/h2h3這是3號標(biāo)題/h3h4這是4號標(biāo)題/h4h5這是5號標(biāo)題/h5h6這是6號標(biāo)題/h6/body/html居中的正文標(biāo)題這個(gè)示例告訴你如何將正文標(biāo)題居中顯示。如果你改編瀏覽器窗口的大小，段落的行數(shù)會因此改變。更多示例這個(gè)示例顯示了段落的特性。不管你加多少空格，都被看做一個(gè)空格。pThis br is a parabrgraph with line breaks/p HTML注釋在HTML文件里，你可以寫代碼注釋，解釋說明你的代碼，這樣有助于你和他人日后能夠更好地理解你的代碼。h1This is a heading/h1h2This is a heading/h2h3This is a heading/h3h4This is a heading/h4h5This is a heading/h5h6This is a heading/h6段落劃分在HTML里用p和/p劃分段落。學(xué)習(xí)HTML最好的方法，就是跟著示例學(xué)。上面例子中的bgcolor, border就是name，red和0就是value。HTML元素(HTML Elements)的屬性HTML元素可以擁有屬性。起始的叫做Opening Tag，結(jié)尾的就叫做Closing Tag。 HTML元素(HTML Element)（）用來標(biāo)記文本，表示文本的內(nèi)容。在b和/b之間的文字，用粗體表示。比如你可以在Head信息里加上一些關(guān)鍵詞，有助于搜索引擎能夠搜索到你的網(wǎng)頁。文件的最后一個(gè)Tag是/html，表示HTML文件到此結(jié)束。和一般文本的不同的是，一個(gè)HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱“標(biāo)記。有三個(gè)雙標(biāo)記符用于頁面整體結(jié)構(gòu)的確認(rèn)。結(jié)束，其間是編號，如174。結(jié)束，其間是字符名，如amp。HTML字符可以用一些代碼來表示，代碼可以有2種表示方式。瀏覽器按順序閱讀網(wǎng)頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容，對書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。因而，超級文本標(biāo)記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。作為一個(gè)組織或者個(gè)人在萬維網(wǎng)上放置開始點(diǎn)的頁面稱為主頁（外語：Homepage）或首頁，主頁中通常包括有指向其他相關(guān)頁面或其他節(jié)點(diǎn)的指針?biāo)^超級鏈接，就是一種統(tǒng)一資源定位器（Uniform Resource Locator，外語縮寫：URL）指針，通過激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁。網(wǎng)頁的本質(zhì)就是超級文本標(biāo)記語言，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。有2種情況需要使用特殊字符，一是網(wǎng)頁中有其特殊意義的字符，二是鍵盤上沒有的字符?！狈_始，以分號。”符開始，以分號。標(biāo)準(zhǔn)的超文本標(biāo)記語言文件都具有一個(gè)基本的整體結(jié)構(gòu)，標(biāo)記一般都是成對出現(xiàn)（部分標(biāo)記除外例如：br/），即超文本標(biāo)記語言文件的開頭與結(jié)尾標(biāo)志和超文本標(biāo)記語言的頭部與實(shí)體