【正文】 控件(Form Control)：密碼輸入框(input type=password)密碼輸入框(input type=password)主要用于一些保密信息的輸入，比如密碼。因?yàn)橛脩糨斎氲臅r候，顯示的不是輸入的內(nèi)容，而是黑點(diǎn)符號。例句如下：input type=password name=yourpw演示示例htmlheadtitle輸入用戶姓名和密碼 /title/headbodyform action= method=post請輸入你的姓名：input type=text name=yournamebr請輸入你的密碼：input type=password name=yourpwbrinput type=submit value=提交/form/body/html表單控件(Form Control)：提交(input type=submit)通過提交(input type=submit)可以將表單(Form)里的信息提交給表單里action所指向的文件。例句如下：input type=submit value=提交演示示例（同input type=”text”示例）表單控件(Form Control)：圖片提交(input type=image)input type=image 相當(dāng)于 input type=submit，不同的是，input type=image 以一個圖片作為表單的提交按鈕，其中 src 屬性表示圖片的路徑。input type=image src =images/icons/ alt = 提交 NAME=imgsubmit演示示例htmlheadtitle輸入用戶姓名/title/headbodyform action= method=get請輸入你的姓名：input type=text name=yournamebrinput type=image src =images/icons/alt = 提交 NAME=imagesubmit/form/body/html十一、HTML圖片(Images)用 img 這個 Tag 可以在HTML里面插入圖片。最基本的語法如下：img src=url url表示圖片的路徑和文件名。比如 url 可以是 images/logo/，也可以是個相對路徑 ../images/logo/。 示例 htmlbodyp站長網(wǎng) 站長學(xué)院Logo圖片：img src=../images/html_tutorials//p/body/html圖片alt屬性img中有一個alt屬性，英文叫alternate text。例句如下：img src = ../images/html_tutorials/ alt=smile face假使瀏覽器沒有載入圖片的功能，瀏覽器就會轉(zhuǎn)而顯示Alt屬性的值。其實(shí)，現(xiàn)在大多數(shù)瀏覽器都支持圖片載入。在此介紹Alt屬性，是因?yàn)樗牧硗庖粋€重要功能。目前搜索引擎抓取工具無法識別圖像中所含的文字，所以用ALT屬性寫上圖片的說明，便于搜索引擎抓取你網(wǎng)頁的內(nèi)容。示例 htmlbodyp將鼠標(biāo)停留在圖片上，你可以看到Alt屬性里寫的內(nèi)容。/pimg src=../images/logo/ alt=站長網(wǎng) 站長學(xué)院的Logo標(biāo)志 brimg src=../images/html_tutorials/ alt=芙蓉姐姐照片：紅配綠一臺戲 /body/html圖片align屬性用align屬性，可以改變圖片的垂直(居上、居中、居下)對齊方式和水平對齊方式(居左、居中、居右)。示例 htmlbodyp圖片的上下對齊方式：/ppimg src=../images/logo/ align=top對齊方式:top/ppimg src=../images/logo/ align=middle對齊方式:middle/ppimg src=../images/logo/ align=bottom對齊方式:bottom/pp圖片的左右對齊方式：/ppimg src=../images/logo/ align=Left對齊方式:left/ppimg src=../images/logo/ align=center對齊方式:center/ppimg src=../images/logo/ align=right對齊方式:right/p/body/html圖片的大小在缺省狀況下，圖片顯示原有的大小。你可以用height和width屬性改變圖片的大小。不過圖片的大小一旦被改變，圖片會相應(yīng)放大或縮小，顯示出來的結(jié)果可能會很難看。示例 htmlbodyp你可以使用Height和Width屬性來改變圖片的大小。/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建議圖片相對文字，所占的字節(jié)數(shù)較多，比如一個全屏的圖片，即使經(jīng)過壓縮，也要占去大約50k字節(jié)，這相當(dāng)于25000字的文本。因此瀏覽器載入圖片比較費(fèi)時，建議一個HTML文件里不要包含過多的圖片，否則會影響你的網(wǎng)頁顯示速度。更多示例背景圖片這個示例演示如何將一個圖片作為HTML網(wǎng)頁的背景圖片。htmlbody background=../images/html_tutorials/h3這個網(wǎng)頁有背景圖片哦！/h3p如果圖片比頁面小，圖片會自動重復(fù)。/p/body/html將一個圖片作為一個超鏈接這個示例演示了如何將一個圖片作為一個超鏈接，即點(diǎn)擊一個圖片，可以連接到其它文件。htmlbodyp你可以將一張圖片作為一個鏈接，點(diǎn)擊這個圖片。a href=../asdocs/html_tutorials/img src=../images/html_tutorials/ /a/p/body/html十二、HTML字體(Fonts)在HTML里，可以用font這個元素及其屬性來設(shè)定字體的大小，顏色和字體風(fēng)格。字體大小用字體大小屬性(size)來設(shè)定字體的大小。示例代碼如下：pfont size=2這一段的字體大小的值是2。/font/p演示示例htmlheadtitle字體大小 font size/title/headbodypfont size=1這段文字的字體大小值為1。/font/ppfont size=2這段文字的字體大小值為2。/font/ppfont size=3這段文字的字體大小值為3。/font/ppfont size=4這段文字的字體大小值為4。/font/ppfont size=5這段文字的字體大小值為5。/font/ppfont size=6這段文字的字體大小值為6。/font/ppfont size=7這段文字的字體大小值為7。/font/p/body/html字體風(fēng)格用face屬性來設(shè)定字體風(fēng)格。示例代碼如下：pfont fac=arial這一段的字體風(fēng)格是arial。/font/p演示示例htmlheadtitle字體風(fēng)格 font face/title/headbodyp以下第一段用的是arial字體，第二段用的是courier字體，第三段用的是verdana字體。/ppfont face=arialarial courier verdana/font/ppfont face = courierarial courier verdana/font/ppfont face=verdanaarial courier verdana/font/p/body/html字體顏色用顏色屬性(color)來設(shè)定字體顏色。字體顏色代碼請參見附件二。pfont color=FF0000這一段的字體顏色是紅色/font/p演示示例htmlheadtitle字體顏色 font color/title/headbodyp這段文字用的是缺省的字體顏色。/ppfont color=FF0000這段文字的字體顏色為紅色。/font/ppfont color=gray這段文字的字體顏色為灰色。/font/ppfont color=33CC00這段文字的字體顏色為綠色。/font/p/body/html注意HTML4的標(biāo)準(zhǔn)中，已經(jīng)不建議使用font及其屬性來設(shè)定字體，而是建議用CSS來設(shè)定字體的大小，顏色，字體風(fēng)格等。十三、HTML背景顏色和背景圖片HTML的 body 有兩個關(guān)于背景的屬性，一個是 bgcolor，是設(shè)置背景顏色的；另一個是 background，是設(shè)置背景圖片的。bgcolor屬性bgcolor屬性用來設(shè)置HTML網(wǎng)頁的背景顏色。示例htmlbody bgcolor=yellowh2看，這個頁面是黃色的。/h2/body/htmlbackground屬性background屬性用來設(shè)置HTML網(wǎng)頁的背景圖片。background屬性值就是背景圖片的路徑和文件名，如：body background=../images/html_tutorials/body background=如果背景圖片小于網(wǎng)頁顯示窗口，那么這個背景圖片會自動重復(fù)。示例htmlbody background=../images/html_tutorials/h3這個網(wǎng)頁有背景圖片哦！/h3p如果圖片比頁面小，圖片會自動重復(fù)。/p/body/html建議bgcolor和background這兩個body的屬性，在新的HTML標(biāo)準(zhǔn)(HTML 4 and XHTML)里已不建議使用，而建議用CSS設(shè)置背景顏色和圖片。為保證瀏覽器載入網(wǎng)頁的速度，建議盡量不要使用字節(jié)過大的圖片作為背景圖片。十四、HTML頭部信息(Head)HTML頭部信息(head)里包含關(guān)于所在網(wǎng)頁的信息。頭部信息(head)里的內(nèi)容，主要是被瀏覽器所用，不會顯示在網(wǎng)頁的正文內(nèi)容里。另外，搜索引擎如google,yahoo,baidu等也會查找你網(wǎng)頁中的head信息。為了讓搜索引擎能夠收錄你的網(wǎng)頁，你也要填寫適當(dāng)?shù)膆ead信息。(網(wǎng)站被搜索引擎收錄，還有其它的方法，比如被其它網(wǎng)站鏈接，這里不贅述，請瀏覽搜索引擎網(wǎng)站。)下面說幾個常用的head信息里的html元素，如標(biāo)題(title)，鏈接(link)，樣式(style)以及關(guān)于信息(meta)。標(biāo)題(title)標(biāo)題(title)是最常用的head信息。它不顯示在HTML網(wǎng)頁正文里，顯示在瀏覽器窗口的標(biāo)題欄里。見圖：示例代碼如下：headtitleHTML中文教程頭部信息(head)之標(biāo)題(title)說明/title/head鏈接(link)用鏈接(link)可以建立和外部文件的鏈接。常用的是對CSS外部樣式表(external style sheet)的鏈接。示例代碼如下：link rel=stylesheet href= type=text/css有關(guān)CSS外部樣式表和示例，詳見CSS簡介。樣式(style)用樣式(style)可以設(shè)值網(wǎng)頁的內(nèi)部樣式表(internal style sheet)。示例代碼如下：headstyle body {backgroundcolor:white。 color:black。} h1 {font: 18pt arial bold。}/style/head有關(guān)CSS內(nèi)部樣式表和示例，詳見CSS簡介。關(guān)于網(wǎng)頁信息(meta)在計(jì)算機(jī)語言里，你經(jīng)?？梢钥吹揭粋€前綴 meta，meta就是“關(guān)于”(a