【正文】 h1 {font: 18pt arial bold。} body {backgroundcolor:white。示例代碼如下：headstyle示例代碼如下：link rel=stylesheet href= type=text/css有關(guān)CSS外部樣式表和示例，詳見(jiàn)CSS簡(jiǎn)介。見(jiàn)圖：示例代碼如下：headtitleHTML中文教程頭部信息(head)之標(biāo)題(title)說(shuō)明/title/head鏈接(link)用鏈接(link)可以建立和外部文件的鏈接。標(biāo)題(title)標(biāo)題(title)是最常用的head信息。(網(wǎng)站被搜索引擎收錄，還有其它的方法，比如被其它網(wǎng)站鏈接，這里不贅述，請(qǐng)瀏覽搜索引擎網(wǎng)站。另外，搜索引擎如google,yahoo,baidu等也會(huì)查找你網(wǎng)頁(yè)中的head信息。十四、HTML頭部信息(Head)HTML頭部信息(head)里包含關(guān)于所在網(wǎng)頁(yè)的信息。/p/body/html建議bgcolor和background這兩個(gè)body的屬性，在新的HTML標(biāo)準(zhǔn)(HTML 4 and XHTML)里已不建議使用，而建議用CSS設(shè)置背景顏色和圖片。background屬性值就是背景圖片的路徑和文件名，如：body background=../images/html_tutorials/body background=如果背景圖片小于網(wǎng)頁(yè)顯示窗口，那么這個(gè)背景圖片會(huì)自動(dòng)重復(fù)。示例htmlbody bgcolor=yellowh2看，這個(gè)頁(yè)面是黃色的。十三、HTML背景顏色和背景圖片HTML的 body 有兩個(gè)關(guān)于背景的屬性，一個(gè)是 bgcolor，是設(shè)置背景顏色的；另一個(gè)是 background，是設(shè)置背景圖片的。/font/ppfont color=33CC00這段文字的字體顏色為綠色。/ppfont color=FF0000這段文字的字體顏色為紅色。字體顏色代碼請(qǐng)參見(jiàn)附件二。/font/p演示示例htmlheadtitle字體風(fēng)格 font face/title/headbodyp以下第一段用的是arial字體，第二段用的是courier字體，第三段用的是verdana字體。/font/p/body/html字體風(fēng)格用face屬性來(lái)設(shè)定字體風(fēng)格。/font/ppfont size=6這段文字的字體大小值為6。/font/ppfont size=4這段文字的字體大小值為4。/font/ppfont size=2這段文字的字體大小值為2。示例代碼如下：pfont size=2這一段的字體大小的值是2。a href=../asdocs/html_tutorials/img src=../images/html_tutorials/ /a/p/body/html十二、HTML字體(Fonts)在HTML里，可以用font這個(gè)元素及其屬性來(lái)設(shè)定字體的大小，顏色和字體風(fēng)格。/p/body/html將一個(gè)圖片作為一個(gè)超鏈接這個(gè)示例演示了如何將一個(gè)圖片作為一個(gè)超鏈接，即點(diǎn)擊一個(gè)圖片，可以連接到其它文件。更多示例背景圖片這個(gè)示例演示如何將一個(gè)圖片作為HTML網(wǎng)頁(yè)的背景圖片。/ppimg src=../images/html_tutorials//ppimg src=../images/html_tutorials/ width=30 height=30/ppimg src=../images/html_tutorials/ width=100 height=80/ppimg src=../images/html_tutorials/ width=300 height=300/p/body/html建議圖片相對(duì)文字，所占的字節(jié)數(shù)較多，比如一個(gè)全屏的圖片，即使經(jīng)過(guò)壓縮，也要占去大約50k字節(jié)，這相當(dāng)于25000字的文本。不過(guò)圖片的大小一旦被改變，圖片會(huì)相應(yīng)放大或縮小，顯示出來(lái)的結(jié)果可能會(huì)很難看。示例 htmlbodyp圖片的上下對(duì)齊方式：/ppimg src=../images/logo/ align=top對(duì)齊方式:top/ppimg src=../images/logo/ align=middle對(duì)齊方式:middle/ppimg src=../images/logo/ align=bottom對(duì)齊方式:bottom/pp圖片的左右對(duì)齊方式：/ppimg src=../images/logo/ align=Left對(duì)齊方式:left/ppimg src=../images/logo/ align=center對(duì)齊方式:center/ppimg src=../images/logo/ align=right對(duì)齊方式:right/p/body/html圖片的大小在缺省狀況下，圖片顯示原有的大小。示例 htmlbodyp將鼠標(biāo)停留在圖片上，你可以看到Alt屬性里寫(xiě)的內(nèi)容。在此介紹Alt屬性，是因?yàn)樗牧硗庖粋€(gè)重要功能。例句如下：img src = ../images/html_tutorials/ alt=smile face假使瀏覽器沒(méi)有載入圖片的功能，瀏覽器就會(huì)轉(zhuǎn)而顯示Alt屬性的值。比如 url 可以是 images/logo/，也可以是個(gè)相對(duì)路徑 ../images/logo/。input type=image src =images/icons/ alt = 提交 NAME=imgsubmit演示示例htmlheadtitle輸入用戶姓名/title/headbodyform action= method=get請(qǐng)輸入你的姓名：input type=text name=yournamebrinput type=image src =images/icons/alt = 提交 NAME=imagesubmit/form/body/html十一、HTML圖片(Images)用 img 這個(gè) Tag 可以在HTML里面插入圖片。例句如下：input type=password name=yourpw演示示例htmlheadtitle輸入用戶姓名和密碼 /title/headbodyform action= method=post請(qǐng)輸入你的姓名：input type=text name=yournamebr請(qǐng)輸入你的密碼：input type=password name=yourpwbrinput type=submit value=提交/form/body/html表單控件(Form Control)：提交(input type=submit)通過(guò)提交(input type=submit)可以將表單(Form)里的信息提交給表單里action所指向的文件。演示示例htmlheadtitle請(qǐng)?zhí)釋氋F意見(jiàn)/title/headbodyform action= method=get請(qǐng)?zhí)釋氋F意見(jiàn)：brtextarea name=yoursuggest cols =50 rows = 3/textareabrinput type=submit value=提交/form/body/html表單控件(Form Control)：密碼輸入框(input type=password)密碼輸入框(input type=password)主要用于一些保密信息的輸入，比如密碼。select name=fruit size = 1 multiple表單控件(Form Control)：多行輸入框(textarea)多行輸入框(textarea)主要用于輸入較長(zhǎng)的文本信息。用戶用Ctrl來(lái)實(shí)現(xiàn)多選。 option value=orange桔子單選例句如下：select name=fruit 示例代碼：input type=radio name=fruit value = Apple蘋(píng)果brinput type=radio name=fruit value = Orange桔子brinput type=radio name=fruit value = Mango芒果br演示示例htmlheadtitle選擇/title/headbody請(qǐng)選擇你最喜歡的水果：brform action = method = postinput type=radio name=fruit value = Apple蘋(píng)果brinput type=radio name=fruit value = Orange桔子brinput type=radio name=fruit value = Mango芒果brinput type=submit value=提交/form/body/html用checked表示缺省已選的選項(xiàng)。示例代碼：input type=checkbox name=fruit value =apple蘋(píng)果brinput type=checkbox name=fruit value =orange桔子brinput type=checkbox name=fruit value =mango芒果br演示示例htmlheadtitle選擇/title/headbody請(qǐng)選擇你喜歡的水果：brform action = method = postinput type=checkbox name=fruit value =apple 蘋(píng)果brinput type=checkbox name=fruit value =orange桔子brinput type=checkbox name=fruit value =mango芒果brinput type=submit value=提交/form/body/html用checked表示缺省已選的選項(xiàng)。HTML表單(Form)常用控件(Controls)HTML表單(Form)常用控件有：表單控件(Form Contros)說(shuō)明input type=text單行文本輸入框input type=submit將表單(Form)里的信息提交給表單里action所指向的文件input type=checkbox復(fù)選框input type=radio單選框select下拉框textArea多行文本輸入框input type=password密碼輸入框(輸入的文字用*表示)表單控件(Form Control)：?jiǎn)涡形谋据斎肟?input type=text)單行文本輸入框允許用戶輸入一些簡(jiǎn)短的單行信息，比如用戶姓名。而post則將表單的內(nèi)容通過(guò)發(fā)送，你在地址欄看不到表單的提交信息。method有兩個(gè)值：get和post。比如上面例句里的。比如上面的例句里，input type= text就是一個(gè)表單控件，表示一個(gè)單行輸入框。 Action 示例代碼如下：form action= method=get請(qǐng)輸入你的姓名：input type=text name=yournameinput type=submit value=提交/form演示示例htmlheadtitle輸入用戶姓名/title/headbodyform action= method=get請(qǐng)輸入你的姓名：input type=text name=yournameinput type=submit value=提交/form/body/html學(xué)習(xí)HTML表單(Form)最關(guān)鍵要掌握的有三個(gè)要點(diǎn)： htmlbodyh4嵌套一層的列表：/h4ulli肉類(lèi)/lili蔬菜ulli番茄/lili青菜/li/ul/lili酒類(lèi)/li/ulh4嵌套2層的列表：/h4ulli動(dòng)物ulli兩棲動(dòng)物/lili哺乳動(dòng)物ulli人