【正文】 /lili猩猩/li/ul/lili魚類/li/ul/lili植物/li/ul/body/html十、HTML表單(Forms)HTML表單(Form)是HTML的一個重要部分，主要用于采集和提交用戶輸入的信息。htmlbodyh4Type設為disc的列表，列表項前面的符號是圓黑點：/h4ul type=discli站長網(wǎng) 站長學院之網(wǎng)頁課程/lili站長網(wǎng) 站長學院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學院之魔獸世界/li/ulh4Type設為circle的列表，列表項前面的符號是空心圓：/h4ul type=circleli站長網(wǎng) 站長學院之網(wǎng)頁課程/lili站長網(wǎng) 站長學院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學院之魔獸世界/li/ulh4Type設為square的列表，列表項前面的符號是黑方塊：/h4ul type=squareli站長網(wǎng) 站長學院之網(wǎng)頁課程/lili站長網(wǎng) 站長學院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學院之魔獸世界/li/ul/body/html嵌套的列表列表里可以含有子列表。/dd/dl/body/html更多示例不同類型(Type)的排序列表這個例子顯示如何用Type屬性設置排序列表項前的符號。定義列表示例htmlbodyh4定義列表(Definition List)：/h4dldt野生動物/dtdd所有非經(jīng)人工飼養(yǎng)而生活于自然環(huán)境下的各種動物。術(shù)語由dt開始，英文意為Definition Term。示例htmlbodyh4不排序列表(Unordered List)：/h4ulli站長網(wǎng) 站長學院之網(wǎng)頁課程/lili站長網(wǎng) 站長學院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學院之魔獸世界/li/ul/body/html定義列表定義列表通常用于術(shù)語的定義。示例htmlbodyh4一個排序列表(Ordered List)：/h4olli站長網(wǎng) 站長學院之網(wǎng)頁課程/lili站長網(wǎng) 站長學院之網(wǎng)頁代碼/lili站長網(wǎng) 站長學院之魔獸世界/li/ol/body/html不排序列表(Unordered List)不排序列表不用數(shù)字標記每個列表項，而采用一個符號標志每個列表項，比如圓黑點。排序列表(Ordered List)排序列表中，每個列表項前標有數(shù)字，表示順序。/pp這個 HTML 文檔中使用 IFRAME 的網(wǎng)頁。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的使用這個例子顯示如何在一個HTML文件里用iframe嵌入一個網(wǎng)頁。這個導航Frame包含一個HTML，這個HTML（代碼如下）包含了一個網(wǎng)頁列表。如果不使用noresize屬性，你可以用鼠標移動Frame的邊界，來改變Frame的大小，如果設置了noresize屬性，就不能移動邊界了。htmlframeset rows=25%,50%,25%frame src=../asdocs/html_tutorials/frame src=../asdocs/html_tutorials/frame src=../asdocs/html_tutorials//frameset/html混合Frameset這個例子既用到了cols屬性，又用到了rows屬性，將Frame進行靈活分布。示例列分Frame這個例子顯示如何在瀏覽器里同時顯示三個網(wǎng)頁，三個網(wǎng)頁是按列分布的。下面的代碼的目的是：將Frameset分成2列，第一列25%，表示第一列的寬度是窗口寬度的25%；第二列75%，表示第一列的寬度是窗口寬度的75%。Frame用frame這個Tag設定網(wǎng)頁。frameset有cols屬性和rows屬性。每個Frame里設定一個網(wǎng)頁，每個Frame里的網(wǎng)頁相互獨立。htmlbodyh4單元格背景色：/h4table border=1trtd bgcolor=red第一/tdtd行/td/trtrtd background=../images/html_tutorials/第二/tdtd行/td/tr/table/body/html單元格內(nèi)容的對齊方式這個示例教你如何用align屬性設置單元格的對齊方式。/h4table border=1trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4Cellspacing屬性值設為0的表格：/h4table border=1 cellspacing=0trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4Cellspacing屬性值設為20的表格：/h4table border=1 cellspacing=20trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/table/body/html設置表格的背景顏色和背景圖片這個示例演示如何用bgcolor屬性設置表格的背景顏色，如何用background屬性為表格添加背景圖片。/ph4以下是設置了cellpadding屬性的表格：/h4table border=1 cellpadding=10trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4cellpadding屬性值設置為30的表格：/h4table border=1 cellpadding=30trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/table/body/html單元格之間的距離這個示例教你如何用cellspacing這個屬性設置單元格之間的距離htmlbodypCellspacing屬性表示單元格之間的距離。/p/tdtd這個單元格里包含了一個表格：table border=1trtdA/tdtdB/td/trtrtdC/tdtdD/td/tr/table/td/trtrtd這個單元格里包含了一個圖片：img src = ../images/html_tutorials//tdtdHELLO/td/tr/table/body/html單元格內(nèi)容與單元格邊界之間的距離這個示例教你如何用cellpadding這個屬性設置單元格內(nèi)容與單元格邊界之間的距離。單元格的內(nèi)容可以是文字，圖片，超鏈接，F(xiàn)orm，表格等。htmlbodyh4這個表格有標題：/h4table border=6caption表格標題/captiontrtd100/tdtd200/tdtd300/td/trtrtd400/tdtd500/tdtd600/td/tr/table/body/html包含多列或多行的單元格這個示例演示如何用colspan，rowspan設置多列或者多行的單元格。是一個HTML特別字符，參見HTML特別字符(HTML Character Entities)。amp。bsp。/tdtdSome text/td/tr/tablep上面的例子，你可以看到，給這個單元格加上一個空格符號之后，單元格的邊界就顯示出來了。/ptable border=1trtdSome text/tdtdSome text/td/trtrtdamp?？崭穹Ｒ@示這個單元格的邊界，可以插入一個amp。示例：顯示邊界的表格htmlbodyh4表格的邊界值設為1：/h4table border=1trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4表格的邊界值設為8，邊界更粗：/h4table border=8trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/tableh4表格的邊界值設為15，邊界更粗：/h4table border=15trtd第一/tdtd行/td/trtrtd第二/tdtd行/td/tr/table/body/html表格的表頭用th來表示表格的表頭，表頭的字是粗體顯示的。示例：不顯示邊界的表格htmlbodyh4缺省情況下，表格沒有邊界。示例htmlbodyp表格所用到的Tag：整個表格開始要用table；每一行開始要用tr；每一單元格開始要用td。一個表格可以分成很多行(row)，用tr表示；每行又可以分成很多單元格(cell)，用td表示。假設你在根目錄下建了一個目錄叫html_tutorials，這個文件的絕對路徑就是。，并申請了虛擬主機，你的虛擬主機提供商會給你一個目錄，比如，這個就是你網(wǎng)站的根目錄。如何表示下級目錄引用下級目錄的文件，直接寫下級目錄文件的路徑即可。：c:\Inetpub\root\sites\blabla\：c:\Inetpub\root\sites\blabla\：a href = /a如何表示上級目錄../表示源文件所在目錄的上一級目錄，../../表示源文件所在目錄的上上級目錄，以此類推。HTML相對路徑(Relative Path)同一個目錄的文件引用如果源文件和引用文件在同一個目錄里，直接寫引用文件名即可。為了避免這些錯誤，正確地引用文件，我們需要學習一下HTML路徑。/p/body/html六、HTML相對路徑(Relative Path)和絕對路徑(Absolute Path)HTML初學者會經(jīng)常遇到這樣一個問題，如何正確引用一個文件。subject=I%20like%20your%20siteamp。a href = mailto:info聯(lián)系新浪/a實例：htmlbodyp這是一個最簡單的郵箱地址的鏈接：a href=mailto:info給新浪網(wǎng)站發(fā)信/a/pp這個郵箱地址的鏈接寫了subject內(nèi)容：a href=mailto:info?subject=Hello給新浪網(wǎng)站發(fā)信/a/pp這個郵箱地址鏈接寫了to, cc, bcc, subject, body的內(nèi)容：a href=mailto:info?cc=webmasteramp。如果瀏覽器不能找到Name指定的部分，則顯示文章開頭，不報錯鏈接到地址在網(wǎng)站中，你經(jīng)常會看到“聯(lián)系我們”的鏈接，一點擊這個鏈接，就會觸發(fā)你的郵件客戶端，比如Outlook Express，然后顯示一個新建mail的窗口。每個章節(jié)都建立一個鏈接，放在文件的開始處，每個章節(jié)的開頭都設置Name屬性。/pa name=C9h2第9章/h2/ap這是站長網(wǎng) 。/pa name=C7h2第7章/h2/ap這是站長網(wǎng) 。/pa name=C5h2第5章/h2/ap這是站長網(wǎng) 。/pa name=C3h2第3章/h2/ap這是站長網(wǎng) 。一是設定name的名稱，二是設定一個href指向這個name：a href=C1參見第一章/a a name=C1第一章/a 實例：htmlbodypa