HTML基礎(chǔ)知識(shí)教學(xué)篇_第1頁(yè)
HTML基礎(chǔ)知識(shí)教學(xué)篇_第2頁(yè)
HTML基礎(chǔ)知識(shí)教學(xué)篇_第3頁(yè)
HTML基礎(chǔ)知識(shí)教學(xué)篇_第4頁(yè)
HTML基礎(chǔ)知識(shí)教學(xué)篇_第5頁(yè)
已閱讀5頁(yè)，還剩37頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

HTML基礎(chǔ)知識(shí)教學(xué)1隨著互聯(lián)網(wǎng)的迅猛發(fā)展，人們可以獲取、交換和存錯(cuò)連接到網(wǎng)絡(luò)上的各計(jì)算機(jī)上的信息。網(wǎng)絡(luò)上存放信息和提供服務(wù)的地方就是網(wǎng)站。一個(gè)成功的網(wǎng)站離不開精美絢麗的網(wǎng)頁(yè)，要制作出美觀的網(wǎng)頁(yè)，首先要學(xué)習(xí)網(wǎng)頁(yè)制作的相關(guān)知識(shí)，例如制作網(wǎng)頁(yè)的知識(shí)、制作網(wǎng)頁(yè)元素的知識(shí)以及設(shè)計(jì)網(wǎng)頁(yè)效果的知識(shí)等。而一個(gè)網(wǎng)頁(yè)的成功與否，很重要的因素就在于制作者對(duì)網(wǎng)頁(yè)設(shè)計(jì)基本知識(shí)的掌握程度，富有創(chuàng)意的構(gòu)思與巧妙的頁(yè)面元素處理會(huì)讓網(wǎng)頁(yè)內(nèi)容更加鮮明與美觀，而Dreamweaver作為目前最受歡迎的網(wǎng)頁(yè)制作軟件之一，使用它可以制作出絢麗的網(wǎng)頁(yè)。2知識(shí)要點(diǎn)：基本的HTML語(yǔ)法結(jié)構(gòu)常用的HTML標(biāo)記的使用3HTML文檔=網(wǎng)頁(yè)HTML文檔描述網(wǎng)頁(yè)

HTML文檔包含HTML標(biāo)簽和純文本HTML文檔也被稱為網(wǎng)頁(yè)

Web瀏覽器的作用是讀取HTML文檔，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示HTML標(biāo)簽，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容41.什么是HTML？HTML是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。HTML指的是超文本標(biāo)記語(yǔ)言(HyperTextMarkupLanguage)HTML不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言

(markuplanguage)標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽

(markuptag)HTML使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)5HTML標(biāo)簽

HTML標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽(HTMLtag)。HTML標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如<html>HTML標(biāo)簽通常是成對(duì)出現(xiàn)的，比如<b>和</b>標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽

開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽

62.HTML文檔的結(jié)構(gòu)2.1.1標(biāo)記基礎(chǔ)1.基本的HTML語(yǔ)法(1)在HTML語(yǔ)言中，所有的標(biāo)記都必須用尖括號(hào)（即小于號(hào)“<”和大于號(hào)“>”）括起來(lái)。例如，<HTML>、<HEAD>、<BODY>等。(2)大部分標(biāo)記都是成對(duì)出現(xiàn)的，包括開始標(biāo)記和結(jié)束標(biāo)記，開始標(biāo)記和相應(yīng)的結(jié)束標(biāo)記定義了標(biāo)記所影響的范圍；結(jié)束標(biāo)記與開始標(biāo)記名稱相同，但結(jié)束標(biāo)記總是以一個(gè)斜線符號(hào)開頭的。例如，<HTML>和</HTML>、<HEAD>和</HEAD>等。(3)HTML標(biāo)記不區(qū)分大小寫，但通常約定使用大寫字母來(lái)表示，以利于HTML文檔的維護(hù)。72.標(biāo)記符的屬性大多數(shù)標(biāo)記都擁有一個(gè)屬性集，通過這些屬性可以對(duì)作用的內(nèi)容進(jìn)行更多的控制。在HTML語(yǔ)言中，所有屬性都放置在開始標(biāo)記的尖括號(hào)內(nèi)。<FONTFACE="楷體_GB2312"SIZE="2">心想事成。</FONT>82.1.2HTML文檔的基本結(jié)構(gòu)一個(gè)基本的HTML文檔通常包含3對(duì)頂級(jí)標(biāo)記HTML標(biāo)記<HTML><HTML>…</HTML>是全部文檔內(nèi)容的標(biāo)記，分別在網(wǎng)頁(yè)的第一個(gè)標(biāo)記和最后一個(gè)標(biāo)記，其他所有的代碼都位于這兩個(gè)標(biāo)記之間?？蛇x的。首部標(biāo)記<HEAD><HEAD>…</HEAD>用語(yǔ)提供與WEB頁(yè)相關(guān)的各種信息。<TITLE>…</TITLE>標(biāo)記指定網(wǎng)頁(yè)的標(biāo)題正文標(biāo)記<BODY><BODY>..</BODY>標(biāo)記包含了文檔的內(nèi)容，網(wǎng)頁(yè)中的文字、圖像、動(dòng)畫、超鏈接以及其他的HTML元素均位于該標(biāo)記中。9<HTML><HEAD><TITLE>個(gè)人主頁(yè)</TITLE></HEAD><BODY>文本、圖像、動(dòng)畫、HTML其它元素等</BODY></HTML>10實(shí)例2.1利用HTML標(biāo)記、首部標(biāo)記和正文標(biāo)記，在記事本（或在DeamweaverMX2004的代碼編寫窗口）中編寫一個(gè)簡(jiǎn)單的HTML文檔，將文件名指定為2-01.htm，并保存在CH1目錄下。圖2-2第一個(gè)網(wǎng)頁(yè)的效果------2-01.htm------<HTML><HEAD><TITLE>這是我制作的第一個(gè)網(wǎng)頁(yè)</TITLE><HEAD><BODY>萬(wàn)丈高樓平地起，制作網(wǎng)頁(yè)剛開始。</BODY></HTML>112.2設(shè)置文本格式2.2.1分段與換行分段標(biāo)記<P>換行標(biāo)記<BR>實(shí)例2.2顯示分段標(biāo)記和換行標(biāo)記的用法以及它們的區(qū)別，源代碼如下：圖2-3分段標(biāo)記的效果------2-02.htm------<HTML><HEAD><TITLE>分段與換行標(biāo)記的使用</TITLE></HEAD><BODY><P>高樓萬(wàn)丈平地起，</P><!--分段標(biāo)記--><P>蟠龍臥虎高山頂，</P>邊區(qū)的太陽(yáng)紅又紅，<BR><!--換行標(biāo)記-->邊區(qū)的太陽(yáng)紅又紅。</BODY></HTML>123.標(biāo)題標(biāo)記<Hn>其中n的取值是1－6實(shí)例2.3演示各種標(biāo)題標(biāo)記的使用方法，源代碼如下：圖2-4各種標(biāo)題標(biāo)記效果------2-03.htm------<HTML><HEAD><TITLE>標(biāo)題標(biāo)記的使用</TITLE></HEAD><BODY><H1align="center">這是一級(jí)標(biāo)題（最大）</H1><!--align是對(duì)齊方式--><H2align="center">這是二級(jí)標(biāo)題</H2><H3align="center">這是三級(jí)標(biāo)題</H3><H4align="center">這是四級(jí)標(biāo)題</H4><H5align="center">這是五級(jí)標(biāo)題</H5><H6align="center">這是六級(jí)標(biāo)題（最?。?lt;/H6><Palign="center">這是普通文字。</P></BODY></HTML>134.水平線標(biāo)記<HR><HR>標(biāo)記用于在文檔中添加一條水平線，以分開文檔的兩個(gè)部分。該標(biāo)記有以下屬性：(1)ALIGN：指定線的對(duì)齊方式，取值為left（左對(duì)齊）、center（居中對(duì)齊）或right（右對(duì)齊），默認(rèn)值為center。(2)COLOR：指定線的顏色。(3)NOSHADE：若指定該項(xiàng)，則顯示一條無(wú)陰影的實(shí)線。(4)SIZE：指定線的寬度，以像素為單位。(5)WIDTH：指定線的長(zhǎng)度，單位可以是像素或百分比（占頁(yè)面寬度的百分比）。14圖2-5插入水平線效果實(shí)例2.4在網(wǎng)頁(yè)中通過<HR>標(biāo)記的各種屬性來(lái)控制水平線的顯示效果，源代碼如下所示：------2-04.htm------<HTML><HEAD><TITLE>水平線的顯示效果</TITLE></HEAD><BODY>以下是默認(rèn)的水平線：<HR>以下是SIZE為6、WIDTH為300像素的水平線：<HRSIZE="6"WIDTH="300">以下是SIZE為1、WIDTH為頁(yè)面寬度80%的實(shí)線水平線：<HRSIZE="1"WIDTH="80%"NOSHADE>以下是WIDTH=90%的紅色水平線：<HRWIDTH="90%"COLOR="red"></BODY></HTML>152.2.2設(shè)置段落對(duì)齊方式在網(wǎng)頁(yè)中有四種段落對(duì)齊方式：左對(duì)齊、右對(duì)齊、居中對(duì)齊和兩端對(duì)齊。在HTML語(yǔ)言中，可以使用ALIGN屬性來(lái)設(shè)置段落的對(duì)齊方式。ALIGN屬性可以應(yīng)用于多種標(biāo)記，例如：分段標(biāo)記<P>…</P>、標(biāo)題標(biāo)記<Hn>…</Hn>以及水平線標(biāo)記<HR>等。ALIGN屬性的取值可以是：left（左對(duì)齊）、center（居中對(duì)齊）、right（右對(duì)齊）以及justify（兩邊對(duì)齊）。兩邊對(duì)齊是指將一行中的文本在排滿的情況下向左右兩頁(yè)邊對(duì)齊，以避免在左、右兩邊處出現(xiàn)鋸齒狀。16實(shí)例2.5使用ALIGN屬性來(lái)控制段落的對(duì)齊方式，源代碼如下所示：------2-05.htm------<HTML><HEAD><TITLE>設(shè)置段落的對(duì)齊方式</TITLE></HEAD><BODY><!--設(shè)置段落的對(duì)齊方式--><PALIGN="left">這是左對(duì)齊的效果。</P><PALIGN="center">這是居中對(duì)齊的效果。</P><PALIGN="right">這是右對(duì)齊的效果。</P><H3ALIGN="center">春夜喜雨</H3>圖2-6段落對(duì)齊效果<!--設(shè)置節(jié)的對(duì)齊方式--><DIVALIGN="center"><P>春眠不覺曉，處處聞啼鳥。</P><P>夜來(lái)風(fēng)雨聲，花落知多少。</P></DIV></BODY></HTML>172.2.3設(shè)置字體、字號(hào)和顏色在HTML語(yǔ)言中，可以使用字體標(biāo)記<FONT>…</FONT>來(lái)設(shè)置文本的字符格式，為此可以將文本置于<FONT>和</FONT>標(biāo)記之間，并通過FACE、SIZE和COLOR屬性來(lái)設(shè)置文本的字體、字號(hào)和顏色。FACE屬性指定一種字體，例如：<FONTFACE="楷體_GB2312>超文本標(biāo)記語(yǔ)言</FONT>SIZE屬性指定字體的大?。醋痔?hào)），其取值可以從1到7，默認(rèn)值為3。SIZE屬性值越大，顯示的字號(hào)就越大。相對(duì)于基本字體（BASEFONT）的大小，也可使用+或-號(hào)來(lái)指定相對(duì)字號(hào)。如：<FONTSIZE="6">超文本標(biāo)記語(yǔ)言</FONT><FONTSIZE="+2">ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)</FONT>COLOR屬性指定文本的顏色，可以用顏色名稱表示，也可以用十六進(jìn)制RGB格式表示。例如：<FONTCOLOR="red">超文本標(biāo)記語(yǔ)言</FONT><FONTCOLOR="#00FF00">電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</FONT>18實(shí)例2.6使用字體標(biāo)記來(lái)設(shè)置文本的字體、字號(hào)和顏色，源代碼如下所示------2-06.htm------<HTML><HEAD><TITLE>設(shè)置字體、字號(hào)和顏色</TITLE></HEAD><BODY><H1ALIGN="center">設(shè)置字體、字號(hào)和顏色</H1><HRCOLOR="black"WIDTH=90%SIZE=1><DIVALIGN="center"><P><FONTFACE="宋體"SIZE="3"COLOR="red">電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</FONT></P><P><FONTFACE="仿宋_GB2312"SIZE="4"COLOR="green">電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</FONT></P><P><FONTFACE="楷體_GB2312"SIZE="5"COLOR="blue">電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</FONT></P><P><FONTFACE="黑體"SIZE="6"COLOR="maroon">電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</FONT></P></DIV></BODY></HTML>192.2.4設(shè)置字符樣式通過設(shè)置字符樣式可以為某些字符設(shè)置特殊格式，例如粗體、斜體、下劃線、刪除線、上標(biāo)、下標(biāo)等。常用的設(shè)置字符樣式的標(biāo)記如下：<B>…</B> 粗體 <BIG>…</BIG> 大字體 <I>…</I> 斜體 <S>…</S> 刪除線 <SMALL>…</SMALL> 小字體<STRIKE>…</STRIKE>刪除線<SUP>…</SUP> 上標(biāo)<SUB>…</SUB> 下標(biāo)<TT>…</TT> 固定寬度字體<U>…</U> 下劃線20實(shí)例2.7使用各種標(biāo)記來(lái)設(shè)置字符的樣式，源代碼如下所示：--2-07.htm------<HTML><HEAD><TITLE>設(shè)置字符樣式</TITLE></HEAD><BODY><P><B>粗體字：電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</B></P><P><BIG>大字體：電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</BIG></P><P><I>斜體字：電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)</I></P><P>上標(biāo)示例：a<SUP>2</SUP>+b<SUP>2</SUP>=c<SUP>2</SUP></P><P>下標(biāo)示例：H<SUB>2</SUB>SO<SUB>4</SUB></P></BODY></HTML>212.3使用圖像2.3.1插入圖像標(biāo)記<IMG>1.標(biāo)記格式:<IMGSRC=圖片的地址屬性>其中:圖片可以是*.gif；*.jpg格式的圖片，地址可以是相對(duì)地址或絕對(duì)的地址。主要屬性有：Alt：用于設(shè)置鼠標(biāo)移上去顯示的文本信息。Hight和Width：用于設(shè)置圖片的高度或?qū)挾取Ｈ鐆idth=200。Borter：用于設(shè)置圖象邊框的寬度。如Borter=4。Hspace和Vspace：用于設(shè)置圖片與文本之間的距離。Align：用于設(shè)置圖文混排時(shí)的對(duì)齊方式。如align=“right”。222.實(shí)例2.8

使用IMG標(biāo)記在網(wǎng)頁(yè)中插入一個(gè)圖像，源代碼如下所示：圖2-9插入圖像效果------2-8.htm------<HTML><HEAD><TITLE>插入圖像示例</TITLE></HEAD><BODY><FONTFACE="楷體_GB2312"SIZE="6">美麗的海濱城市---青島</FONT><HR><IMGSRC="Images/Photo01.jpg"ALT="西雙版納風(fēng)光"></BODY></HTML>232.3.2播放多媒體文件<IMG>標(biāo)記不僅用于在網(wǎng)頁(yè)中插入圖像，也可以用于播放VideoforWindows的多媒體文件（*.avi）。若要在網(wǎng)頁(yè)中播放多媒體文件，應(yīng)在<IMG>標(biāo)記中設(shè)置以下屬性：(1)CONTROLS：顯示一套視頻控件。(2)DYNSRC：指定要播放的多媒體文件的URL。(3)START：指定何時(shí)開始播放多媒體文件，其取值可以是fileopen或mouseover。(4)LOOP：整數(shù)，指定多媒體文件的播放次數(shù)。如果不限播放次數(shù)，則應(yīng)將該屬性設(shè)置為關(guān)鍵字infinite。(6)LOOPDELAY：整數(shù)，指定兩次播放之間的延遲，以毫秒為單位。24實(shí)例2.10在網(wǎng)頁(yè)中播放多媒體文件，源代碼如下所示：------2-10.htm------<HTML><HEAD><TITLE>播放多媒體文件示例</TITLE></HEAD><BODY><H3>播放多媒體文件</H3><HR><IMGDYNSRC="Image/earth.avi"CONTROLSLOOP="infinite"START="fileopen"></BODY></HTML>252.4使用字幕和背景音樂2.4.1滾動(dòng)字幕標(biāo)記<MARQUEE>標(biāo)記格式：<MARQUEE屬性>要滾動(dòng)顯示的文本信息</MARQUEE>MARQUEE標(biāo)記的主要屬性有：(1)ALIGN：指定字幕與周圍文本的對(duì)齊方式，其取值可以是top、middle或bottom。(2)BEHAVIOR：指定文本動(dòng)畫的類型，其取值可以是scroll、slide或alternate。(3)BGCOLOR：指定字幕的背景顏色。(4)DIRECTION：指定文本的移動(dòng)方向，其取值可以是down、left、right或up。(5)HEIGHT：指定字幕的高度，以像素或百分比為單位。(6)HSPACE：整數(shù)，指定字幕的外部邊緣與瀏覽器窗口之間的左右邊距（像素）。(7)LOOP：指定字幕的滾動(dòng)次數(shù)。(8)SCROLLAMOUNT：整數(shù)，指定字幕文本每次移動(dòng)的距離，以像素為單位。(9)SCROLLDEALY：整數(shù)，指定與前段字幕文本延遲多少ms后重新開始移動(dòng)文本。262.實(shí)例2.11在網(wǎng)頁(yè)中插入一個(gè)字幕，源代碼如下所示：圖2-11滾動(dòng)字幕效果<HTML><HEAD><TITLE>字幕演示網(wǎng)頁(yè)</TITLE></HEAD><BODY><CENTER><H3>在網(wǎng)頁(yè)中插入一個(gè)自下而上移動(dòng)的字幕</H3><HR><MARQUEEBGCOLOR="blue"DIRECTION="up"SCROLLAMOUNT="2"SCROLLDELAY="100"WIDTH="236"HEIGHT="180"><FONTFACE="楷體_GB2312"SIZE="5"COLOR="yellow"><B>月落烏啼霜滿天，<BR>江楓漁火對(duì)愁眠。<BR>姑蘇城外寒山寺，<BR>夜半鐘聲到客船。</B></FONT></MARQUEE></CENTER></BODY></HTML>272.4.2背景音樂標(biāo)記<BGSOUND>1.標(biāo)記格式：<head><bgsoundsrc=“音樂文件地址”屬性＝值>……</head>28實(shí)例2.12在網(wǎng)頁(yè)中插入背景音樂。源代碼如下所示：------2-12.htm------<HTML><HEAD><TITLE>在網(wǎng)頁(yè)中插入背景音樂</TITLE><BGSOUNDSRC="image/music.mid"LOOP="-1"></HEAD><BODY><P>當(dāng)頁(yè)面被打開時(shí)，你將會(huì)聽到美妙的背景音樂。</P></BODY></HMTL>292.5使用表格1.格式：<TABLE> <CAPTION>表格標(biāo)題文字<CAPTION> <TR> <Th>標(biāo)題1</Th><Th>標(biāo)題2</Th>…<Th>標(biāo)題n</Th> </TR> <TR> <TD>數(shù)據(jù)11</TD><TD>數(shù)據(jù)12</TD>…<TD>數(shù)據(jù)1n</TD> </TR> <TR> <TD>數(shù)據(jù)21</TD><TD>數(shù)據(jù)22</TD>…<TD>數(shù)據(jù)2n</TD> </TR> …… <TR> <TD>數(shù)據(jù)n1</TD><TD>數(shù)據(jù)n2</TD>…<TD>數(shù)據(jù)nn</TD> </TR> </TABLE>30實(shí)例2.13使用HTML語(yǔ)言創(chuàng)建一個(gè)基本表格，源代碼如下所示：<HTML><HEAD><TITLE>創(chuàng)建基本表格</TITLE></HEAD><BODY><DIVALIGN="center"><TABLEBORDER="1"><CAPTION>創(chuàng)建基本表格</CAPTION><TR><TH>第1列標(biāo)題</TH><TH>第2列標(biāo)題</TH><TH>第3列標(biāo)題</TH><TH>第4列標(biāo)題</TH></TR><TR><TD>春游芳草地</TD><TD>夏賞綠河池</TD><TD>秋飲黃花酒</TD><TD>冬聽白雪詩(shī)/TD></TR><TR><TD>春游芳草地</TD><TD>夏賞綠河池</TD><TD>秋飲黃花酒</TD><TD>冬聽白雪詩(shī)</TD></TR><TR><TD>春游芳草地</TD><TD>夏賞綠河池</TD><TD>秋飲黃花酒</TD><TD>冬聽白雪詩(shī)</TD></TR></TABLE></DIV></BODY></HTML>312.6使用超鏈接2.6.1什么是超鏈接超鏈接是由源端點(diǎn)到目標(biāo)端點(diǎn)的一種跳轉(zhuǎn)。源端點(diǎn)可以是網(wǎng)頁(yè)中的一段文本或一幅圖像或一個(gè)按鈕等。目標(biāo)端點(diǎn)可以是任意類型的網(wǎng)絡(luò)資源，例如可以是一個(gè)網(wǎng)頁(yè)、一幅圖像、一首歌曲、一段動(dòng)畫或一個(gè)程序等。322.6.2超鏈接標(biāo)記<A>在HTML語(yǔ)言中，可以使用<A>標(biāo)記來(lái)創(chuàng)建超鏈接，標(biāo)記格式如下：<AHREF=“目標(biāo)地址”TARGET=“打開方式”TITLE=“顯示文本”>文本</A><A>標(biāo)記的屬性有：(1)HREF：該屬性是必選項(xiàng)，用于指定目標(biāo)端點(diǎn)的URL地址，可以包含一個(gè)或多個(gè)參數(shù)。(2)TITLE：該屬性也是可選項(xiàng)，用于指定指向超鏈接時(shí)所顯示的標(biāo)題文字。(3)TARGET：該屬性是可選項(xiàng)，用于指定一個(gè)窗口或框架的名稱，目標(biāo)文檔將在該窗口或框架中打開。TARGET屬性的取值：33“_blank”指定將鏈接的目標(biāo)文件加載到未命名的新瀏覽器窗口中；“_parent”指定將鏈接的目標(biāo)文件加載到包含鏈接的父框架頁(yè)或窗口中，如果包含鏈接的框架不是嵌套的，則鏈接的目標(biāo)文件加載到整個(gè)瀏覽器窗口中；“_self”指定將鏈接的目標(biāo)文件加載到鏈接所在的同一框架或窗口中；“_top”指定將鏈接的目標(biāo)文件加載到整個(gè)瀏覽器窗口中，并由此刪除所有框架。34實(shí)例2.15使用<A>標(biāo)記創(chuàng)建超鏈接，源代碼如下所示：------2-15.htm------<HTML><HEAD><TITLE>創(chuàng)建超鏈接示例</TITLE></HEAD><BODY><FONTFACE="楷體_GB2312"SIZE="5"COLOR="red">創(chuàng)建超鏈接示例</FONT><BR>圖2-14創(chuàng)建超鏈接效果<HRSIZE="1"COLOR="red"><P><AHREF="2-08.htm"TITLE="打開示例網(wǎng)頁(yè)">查看圖文繞排效果</A></P><P><AHREF="Image/scen267.jpg"TITLE="打開一個(gè)風(fēng)景照片">美麗的海邊風(fēng)光</A></P><P><AHREF=""TITLE="打開新浪首頁(yè)"><IMGSRC="Images/sina_logo.gif"></A></P></BODY></HTML>352.7使用表單什么是表單？表單是用來(lái)收集訪問者信息的域集。表單用于用戶收集信息，然后將這些信息提交給服務(wù)器進(jìn)行處理。表單可以包含允許用戶進(jìn)行交互的各種控件，例如文本框、列表框、復(fù)選框和單選按鈕等。36<FORM屬性>…</FORM>FORM標(biāo)記的常用屬性有：(1)NAME：指定表單的名稱，以標(biāo)識(shí)表單。如：NAME=“biao1"。命名表單后，可以使用腳本語(yǔ)言（如VBScript或JScript）來(lái)引用或控制該表單。(2)METHOD：指定將表單數(shù)據(jù)傳輸?shù)椒?wù)器的方法，其取值可以是：post：在HTTP請(qǐng)求中嵌入表單數(shù)據(jù)。get：將表單數(shù)據(jù)附加到請(qǐng)求該頁(yè)的URL中。如：METHOD="post“（或者methot=“get”）(3)ACTION：指定將要接收表單數(shù)據(jù)的服務(wù)器端程序或動(dòng)態(tài)網(wǎng)頁(yè)的網(wǎng)址。如：ACTION="字符串"(4)onSubmit：指定提交表單時(shí)調(diào)用的事件處理程序。(5)onReset：指定重置表單時(shí)調(diào)用的事件處理程序。(6)TARGET：指定一個(gè)目標(biāo)窗口372.7.2使用輸入型表單控件為了讓用戶通過表單輸入數(shù)據(jù)，可以使用<INPUT>標(biāo)記創(chuàng)建各種輸入型表單控件。通過將<INPUT>標(biāo)記的TYPE屬性設(shè)置為不同的值，可以創(chuàng)建不同類型的輸入型表單控件，包括單行文本框、密碼框、復(fù)選框、單選按鈕、文件域以及按鈕等。1.在表單中添加單行文本框在<FORM>...</FORM>之間添加一個(gè)<INPUT>標(biāo)記，并將其TYPE屬性指定為“text”。其標(biāo)記格式為：<INPUTTYPE=“text”NAME=“名稱”VALUE=“初始值”SIZE=“寬度”MAXLENGTH=“字符數(shù)”>2.在表單中添加密碼域在<FORM>...</FORM>之間添加一個(gè)<INPUT>標(biāo)記，并將其TYPE屬性指定為“password”。383.在表單中添加按鈕使用<INPUT>標(biāo)記可以在表單中添加三種類型的按鈕：即提交按鈕、重置按鈕和自定義按鈕。其標(biāo)記格式為：<INPUTTYPE="submit|reset|button"NAME=

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論