《網(wǎng)頁制作》第三講-HTML的認識

網(wǎng)頁與多媒體技術(shù)教育技術(shù)與信息中心關(guān)繼夫辦公室：教育技術(shù)樓101室E-mail：1第三章：HTML的認識3.0HTML的定義與標(biāo)簽3.1HTML的根本結(jié)構(gòu)3.2頁面排版的根本元素3.3清單列表的設(shè)計3.4表格3.5圖片與多媒體3.6在網(wǎng)頁中建立超鏈接3.7框架網(wǎng)頁的html語言3.8交互網(wǎng)頁的制作2第三章：HTML的認識具體安排1、認識html:標(biāo)簽<>->標(biāo)記->屬性(值)->結(jié)構(gòu)2、認識一些標(biāo)記及屬性3、重點：*學(xué)會清單網(wǎng)頁的制作*學(xué)會嵌入聲音*學(xué)會書簽鏈接*學(xué)會交互網(wǎng)頁的制作*學(xué)會meta的設(shè)置33.0HTML的定義與標(biāo)簽3.0.1HTML的定義HTML〔HypertextMarkupLanguage〕的英文縮寫,即超文本標(biāo)記語言。它不需要編譯,可以直接由瀏覽器執(zhí)行，屬于瀏覽器解釋型語言，HTML文件是一個文本文件,包含了一些HTML元素,標(biāo)簽等；HTML文件必須使用html或htm為文件名后綴。HTML不是程序語言，是描述文檔結(jié)構(gòu)的標(biāo)記語言，對WWW上的各種信息進行標(biāo)記，瀏覽器會自動根據(jù)這些標(biāo)記，在屏幕上顯示出相應(yīng)的內(nèi)容。43.0HTML的定義與標(biāo)簽3.0.2HTML的標(biāo)簽html它通過標(biāo)簽來分割和標(biāo)記文本中的各個元素，html以“<”表示一個標(biāo)簽的開始，緊跟著的是標(biāo)記名和該標(biāo)記的各種屬性，最后用“>”表示結(jié)束。例如：<AHREF=://>“A”是標(biāo)簽名，“HREF”是標(biāo)簽的屬性。HTML標(biāo)簽分為單標(biāo)記指令和雙標(biāo)記指令，一般成對出現(xiàn)，并用“/”表示標(biāo)簽之間的響應(yīng)。每一對標(biāo)簽的作用范圍在這兩個標(biāo)簽之間，同時標(biāo)簽允許嵌套。53.0HTML的定義與標(biāo)簽3.0.2HTML的標(biāo)簽例如：“1標(biāo)簽的認識.htm”63.1HTML的根本結(jié)構(gòu)73.1HTML的根本結(jié)構(gòu)3.1.1html元素的三種表達方式<標(biāo)記>對象</標(biāo)記><標(biāo)記屬性1=參數(shù)1屬性２=參數(shù)２>對象</標(biāo)記><標(biāo)記>3.1.2超文本文件格式的約定和限制*在html中回車表示下一段，<br>標(biāo)記標(biāo)識下一行*源文件列寬不受限制*在操作系統(tǒng)中用“\”表示路徑，在超文本中用“/”表示路徑*在超文本中可以用<IMG>標(biāo)記插入圖形圖像

83.2頁面排版的根本元素3.2.1<title>標(biāo)記和<hx>標(biāo)記

*<title>和</title>標(biāo)記用來說明文檔的標(biāo)題，標(biāo)題顯示在瀏覽器最上方的標(biāo)題欄內(nèi)。*<hx>是字體標(biāo)記，用于對文件中的文章章節(jié)進行劃分。其中的x可以取值為1到6，用于表示各級標(biāo)題，標(biāo)號越小，標(biāo)題字體越大。

93.2頁面排版的根本元素3.2.1<title>標(biāo)記和<hx>標(biāo)記

*例如：“2標(biāo)題.htm”

103.2頁面排版的根本元素3.2.1<title>標(biāo)記和<hx>標(biāo)記

113.2頁面排版的根本元素3.2.2設(shè)置字體的標(biāo)記與屬性*字體標(biāo)記、屬性與值的認識<font屬性值>…</font>*屬性：size、color、face等*size：指定文字大小*color：指定文字顏色*face：指定字體123.2頁面排版的根本元素3.2.2設(shè)置字體*設(shè)置字體大小-例如：“3字體大小.htm”

133.2頁面排版的根本元素3.2.2設(shè)置字體*物理字體設(shè)置-例如：“4物理字體.htm”

143.2頁面排版的根本元素3.2.2設(shè)置字體*字體顏色設(shè)置-例如：“5字體顏色.htm”

153.2頁面排版的根本元素3.2.2設(shè)置字體*邏輯字體設(shè)置-例如：“6邏輯字體.htm”

163.2頁面排版的根本元素3.2.2設(shè)置字體*物理字體與邏輯字體物理字體與邏輯字體有相似效果，但是一般來說，物理字體主要指明字形的變化；邏輯字體指明文字的用途，進而決定其字形的變化，對于兩者均可的情況可以隨意而選。173.2頁面排版的根本元素3.2.2設(shè)置字體*文字閃爍-例如：“7文字閃爍.htm”

183.2頁面排版的根本元素3.2.3設(shè)置段落標(biāo)記-HTML中常用的段落標(biāo)記有下面幾個：*段落標(biāo)記<p>...</p>*保存段落編輯標(biāo)記<pre>…</pre>*段落縮進標(biāo)記<BLOCKQUOTE>…<BLOCKQUOTE>*文字換行標(biāo)記<BR>,它是一個單標(biāo)記指令，與此相反的標(biāo)記是<nobr>…</nobr>。〔在dreamweaver中演示〕193.2頁面排版的根本元素3.2.3設(shè)置段落標(biāo)記-例如：“8段落標(biāo)記.htm”203.2頁面排版的根本元素<div>…</div>與<span>…</span>標(biāo)記*<div>標(biāo)記：主要應(yīng)用在CSS的引用中，主要用來定義一個區(qū)域局部〔塊〕；在很多時候它就相當(dāng)于<p>標(biāo)記，而<div>標(biāo)記和層標(biāo)記也有區(qū)別，層標(biāo)記要在<div>標(biāo)記中設(shè)定名稱和位置。*<span>標(biāo)記與<div>標(biāo)記一樣都是容器標(biāo)記。<div>與<span>的區(qū)別在于，<div>是一個塊級元素，它包圍的元素會自動換行。而<span>僅僅是一個行內(nèi)元素，在它的前后不會換行。<span>沒有結(jié)構(gòu)上的意義，純粹是應(yīng)用樣式，當(dāng)其他行內(nèi)元素都不適宜時，就可以使用<span>元素。213.3清單列表的設(shè)計3.3.1符號清單列表“9清單綜合例如.htm”*清單用于列舉事項,常用的清單有符號清單和標(biāo)號清單,清單允許嵌套*符號清單(“選項清單”和“說明式清單”)工程左邊無編號,以特殊符號表示。*選項清單格式如下：223.3清單列表的設(shè)計3.3.1符號清單列表-清單前的符號可以由最外層標(biāo)記中參加標(biāo)記屬性type來控制,格式為:<menutype=#>其中,#表示符號名稱。-主要有以下三種:*DISC…………….實心圓點*Circle………….空心圓點*SQUARE………….實心方塊233.3清單列表的設(shè)計3.3.1符號清單列表*說明式清單格式如下：DL：定義列表(DefinitionLists)DT：定義述語(DefinitionTerm)DD:定義釋義(DefinitionDefinition)243.3清單列表的設(shè)計3.3.2標(biāo)號清單*標(biāo)號清單就是清單各工程左邊加上數(shù)字符號或其他有序的標(biāo)號，并可設(shè)定從何處開始計數(shù)，由瀏覽器自動給予編號。該標(biāo)記有兩種屬〔type和start〕，在<OL>標(biāo)記中設(shè)定253.3清單列表的設(shè)計type數(shù)字形式屬性*標(biāo)號清單除默認阿拉伯?dāng)?shù)字設(shè)置外，還可用type屬性設(shè)置其他格式的數(shù)字start起始數(shù)字屬性*<OLSTRAT=#>,#代表起始數(shù)字3.3.3清單嵌套：是指清單內(nèi)又有另一層清單263.3清單列表的設(shè)計清單運用的例如-例如：“9清單綜合例如.htm”273.4表格3.4.1表格的根本形式表格起始標(biāo)記<table>：用于標(biāo)識一個表格。表格行標(biāo)記<tr>：用于定義表格的一個行。表格有多少行就有多少個<tr>…</tr>標(biāo)記。在一個<tr>標(biāo)記內(nèi)可以包含假設(shè)干個由<th>和<td>標(biāo)記所定義的單元格單元格標(biāo)記<td>：<td>標(biāo)記用于定義表格的單元格，表格有多少個單元格就有多少個<td>…</td>標(biāo)記。使用<td>標(biāo)記時，必須將其放在<tr>標(biāo)記內(nèi)。標(biāo)題單元格標(biāo)記<th>：<th>用于定義表格內(nèi)的標(biāo)題單元格，文字將以粗體的方式顯示。283.4表格3.4.1表格的根本形式在建立最根本的表格時，必須包含一個<table>標(biāo)記、一個<tr>標(biāo)記和一個<td>標(biāo)記。

其語法如下：<table> <tr> <td></td></tr></table>293.4表格3.4.1表格的根本形式表格例如-例如：“10表格.htm”

303.4表格3.4.2表格的屬性border屬性:功能是設(shè)置表格邊框的寬度，標(biāo)記格式為：〈tableborder=#〉其中，#為數(shù)字，單位是pixel〔像素〕，默認值為0。<width>屬性：功能是設(shè)定整個表格的寬度，有絕對方式和相對方式兩種。如：<tableborder=#width=300>；<tableborder=#width=80%>。其中，絕對寬度的單位為pixel，此標(biāo)記的默認值為自動匹配。<bgcolor>屬性：功能是設(shè)置背景顏色。標(biāo)記格式為：<tablebgcolor=#value>…</table>313.4表格3.4.2表格的屬性<cellspacing>屬性：功能是設(shè)置框線的寬度。標(biāo)記格式為：<tablecellspacing=#>……</table>其中，#為數(shù)字，單位是pixel〔像素〕，默認值為1。<cellpadding>屬性：功能是設(shè)置數(shù)據(jù)與邊框的寬度，標(biāo)記格式為：<tablecellpadding=＃>…</table>其中，#為數(shù)字，單位是pixel〔像素〕，默認值為1。323.4表格3.4.2表格的屬性表格屬性例如-例如“11表格2.htm”333.4表格3.4.2表格的屬性表格屬性例如-例如“11表格2.htm”343.4表格3.4.3單元格的屬性單元格屬性指的是每一個表格中的格，表達在HTML標(biāo)記中就是<th>和<td>標(biāo)記的屬性設(shè)定。<width>屬性：設(shè)定單元格的寬度，單位是pixel。如：<thwidth=100>產(chǎn)品名稱</th><height>屬性：設(shè)定單元格的高度，單位是pixel。如：<thheight=30>產(chǎn)品名稱</th>353.4表格3.4.3單元格的屬性<align>屬性：設(shè)定單元格的水平對齊方式，如：<thalign=#>產(chǎn)品名稱</th>，其中，#為left，right，center三者之一。<valign>屬性：設(shè)定單元格的垂直對齊方式，如：<thvalign=#>產(chǎn)品名稱</th>，其中，#為top，middle，low三者之一。363.4表格3.4.3單元格的屬性<bgcolor>屬性：設(shè)定單元格的背景顏色，如：<thbgcolor=#FF0000>產(chǎn)品名稱</th><nowarp>屬性：強制單元格的內(nèi)容不換行，該標(biāo)記沒有屬性值，如果不加此屬性那么單元格默認為自動換行。373.4表格3.4.3單元格的屬性單元格屬性例如-例如“12表格水平對齊.htm”383.4表格3.4.3單元格的屬性單元格屬性例如-例如“12表格水平對齊.htm”393.4表格3.4.3單元格的屬性單元格屬性例如-例如“13表格垂直對齊.htm”403.4表格3.4.4合并單元格合并單元格例如-“14合并單元格.htm”413.4表格3.4.5表格標(biāo)題<caption>屬性：設(shè)定表格標(biāo)題。效果為標(biāo)題居中顯示。標(biāo)記格式為：<caption>…</caption>。423.4表格表格的綜合例如例如：“15表格綜合例如.htm”433.4表格表格的綜合例如443.5圖片與多媒體3.5.1嵌入圖片與<IMG>標(biāo)記的屬性嵌入圖片的標(biāo)記：<IMGSRC=“#”>，#為圖片的URL地址。width屬性：設(shè)定圖片的顯示寬度，其值可以是數(shù)字或百分比，單位是pixel〔像素〕默認值是原始寬度。height屬性：設(shè)定圖片的顯示高度，其值可以是數(shù)字或百分比，單位是pixel〔像素〕默認值是原始高度。border屬性：設(shè)定圖片的邊框?qū)挾龋渲悼蔀閿?shù)字，單位是pixel默認值是0。hspace屬性：設(shè)定圖片在瀏覽器中的水平位置，其值可為數(shù)字，單位是pixel默認值是0。453.5圖片與多媒體vspace屬性：設(shè)定圖片在瀏覽器中的垂直位置，其值可為數(shù)字，單位是pixel默認值是0。align屬性：設(shè)定文字和圖片的相對位置，可取值為top、middle、bottom、left和right。alt屬性：此屬性作用是對圖片進行說明，當(dāng)鼠標(biāo)置于圖片之上時就會出現(xiàn)關(guān)于該圖片的說明。而當(dāng)瀏覽器的顯示圖片功能關(guān)閉時，以alt所設(shè)定的文字取代圖片顯示為圖片的位置，這樣，瀏覽者往往可以從這些文字中看出圖片所要展示的內(nèi)容。需要注意的是，文字要用一對引號包含起來，此屬性的默認值為不顯示任何文字。

463.5圖片與多媒體嵌入圖片的例如-如“16嵌入圖片.htm”473.5圖片與多媒體3.5.2嵌入聲音目前在網(wǎng)頁中可以嵌入的聲音后綴為.wav、.au、.mid、.mp3、.wma等幾乎所有音頻文件。使用超鏈接標(biāo)記用超級鏈接標(biāo)記將聲音文件放在網(wǎng)頁上，當(dāng)瀏覽者點擊超級鏈接時瀏覽器將聲音文件下載到瀏覽者機器硬盤上，再調(diào)用相應(yīng)的播放程序播放。483.5圖片與多媒體使用超鏈接標(biāo)記*例如：“17嵌入聲音1超鏈接.htm”493.5圖片與多媒體使用自動播放標(biāo)記使用<embed>標(biāo)記：如：<embedsrc=“聲音文件的URL”>-這個標(biāo)記有四個屬性*width：指定播放的影音文件的寬度。*height：指定播放的影音文件的高度。*autostart：指定播放的影音文件是否為自動播放，即其值為true或no，默認值為no*loop：指定播放的影音文件的次數(shù)，其值可為true或no

503.5圖片與多媒體使用自動播放標(biāo)記使用<embed>標(biāo)記：

*例如：“18嵌入聲音2自動播放.htm”513.5圖片與多媒體使用自動播放標(biāo)記使用<bgsound>標(biāo)記：

-<bgsoundsrc=“文件”loop=#>，#用來設(shè)定播放次數(shù)，#=-1為循環(huán)播放。

*例如：“19嵌入聲音3自動播放.htm”523.5圖片與多媒體3.5.3嵌入多媒體可以嵌入如：.mov、.mpg、.dat、.avi、.gif為后綴的動畫或影片?？梢杂贸夋溄雍?lt;embed>標(biāo)記實現(xiàn)。

嵌入這些都媒體的方式同嵌入聲音的前兩種方式是相同的。

533.6在網(wǎng)頁中建立超鏈接3.6.1超鏈接標(biāo)記及其屬性超鏈接標(biāo)記<A>…</A>HREF=”URL”：指定超鏈接文件的位置。NAME=”…”：用以創(chuàng)立書簽，指定書簽名稱。TARGET=”…”：用以指定目標(biāo)框架的名稱。_blank,_self,_parent,_top。ACCESSKEY=”…”：指定超鏈接的存取按鍵，當(dāng)瀏覽者按下ACCESSKEY屬性所指定的按鍵時，網(wǎng)頁的焦點就會移動到組件上。543.6在網(wǎng)頁中建立超鏈接3.6.1超鏈接標(biāo)記及其屬性ET=”…”：指定超鏈接的字元編碼方式。比方通用字元集〔ucs〕就是采用4個字節(jié)的編碼方式，而unicode那么是采用2個字節(jié)的編碼方式。REV=”…”：從HREF指定的文件到當(dāng)前文件之間的關(guān)聯(lián)。HREFLANG=”langcode”：指定HREF屬性值的語種。TABINDEX=”n”：指定<A>組件在網(wǎng)頁中的TAB鍵順序值。title屬性：使鏈接,表單等HTML元素帶有提示文字。553.6在網(wǎng)頁中建立超鏈接3.6.2創(chuàng)立超鏈接指向本地網(wǎng)頁的超鏈接，不需要絕對地址。相對地址就可以。指向其他網(wǎng)頁的鏈接。頁面的特定局部鏈接：即書簽鏈接*做標(biāo)簽鏈接的方法--首先寫出所有內(nèi)容，然后在被鏈接的地方設(shè)置一個錨點，再在鏈接的地方建立超鏈接。鏈接至E-mail地址的超鏈接563.6在網(wǎng)頁中建立超鏈接書簽鏈接例如：如：“20書簽鏈接.htm”*在被鏈接處放置錨點<p><aname=“l(fā)iudehua"></a>劉德華是四大天王之一</p><p><aname="zhangxueyou"></a>張學(xué)友已經(jīng)結(jié)婚了</p>*在鏈接處創(chuàng)立超鏈接<p><ahref=“#liudehua”>劉德華</a>和<ahref="#zhangxueyou">張學(xué)友</a></p>573.6在網(wǎng)頁中建立超鏈接3.6.3鏈接至E-mail地址的超鏈接例如：“21E-mail鏈接”583.7框架網(wǎng)頁的學(xué)習(xí)與框架有關(guān)的標(biāo)簽*<FRAME>：指定一個框架*<FRAMESET>…</FRAMESET>：創(chuàng)立一個框架集*<FRAME>在<FRAMESET>…</FRAMESET>之內(nèi)，用以控制如何在框架中顯示一個文檔。593.7框架網(wǎng)頁的學(xué)習(xí)FRAME的屬性：*Src=”xxx.html”，指定文檔路徑。*Name=”xxx”，給框架起個名字。*Marginwidth，Marginheight，指定邊線的寬窄。*Scrolling：指明是否需要在框架上加上滾動條，其值為no，yes，auto*Target=”xxx”，確定把一個框架中的文檔置于何處〔自己所在的框架、其他框架、新窗口或者是整個瀏覽器〕。603.7框架網(wǎng)頁的學(xué)習(xí)target除了可以指向有name命名的框架外，還可以有以下一些值：target=”_blank”：載入一個新框target=”_self”：載入調(diào)用者所在框target=”_parent”：載入調(diào)用者的母框target=”_top”：載入整個窗口，退出框架模式<noframe></noframe>：用來在瀏覽器不顯示框架時顯示內(nèi)容，對于顯示框架的瀏覽器將忽略此時標(biāo)簽內(nèi)所包含的內(nèi)容。Frameset的屬性：cols：將整個文檔縱向劃分。rows:將整個文檔橫向劃分Cols和rows的參數(shù)定義了各個框架的大小。它們可以用像素個數(shù)表示，也可以用占屏幕的百分比表示。613.8交互網(wǎng)頁的制作如果客戶想要通過WWW進行網(wǎng)上注冊、交談、輸入口令和查詢條目等操作，就必須使用交互元素，這些元素僅僅提供一個接口界面，效勞器端還必須有相應(yīng)的程序來處理客戶的信息?！?2交互網(wǎng)頁綜合例如.htm”3.8.1交互元素所實現(xiàn)的主要功能確定交互方式，是發(fā)送信息還是接收信息；定義輸入信息的類型，是普通文本、口令還是圖形；用選擇的方式輸入信息，既可以定義選擇框也可以定義選擇菜單。〔在dreamweaver中的實現(xiàn)〕623.8交互網(wǎng)頁的制作3.8.1交互元素所實現(xiàn)的主要功能實現(xiàn)這些功能都需要在form語句段中用特定的元素來標(biāo)記，主要有<form>、<input>等元素和其他提示信息組成，這個語句段的結(jié)構(gòu)可以簡寫成：<form…>〔交互語句段開始，并定義交互方法等〕?！财渌崾拘畔⒑驼f明信息〕<input…>〔輸入元素的描述，可以有多個〕<textarea…></textarea>〔定義輸入信息區(qū)的元素〕<select…>〔通過選擇菜單輸入信息〕<option…><option…>‘…’〔選擇項變元的說明〕</select>〔選擇菜單語句段結(jié)束〕……</form>〔交互語句段結(jié)束〕。633.8交互網(wǎng)頁的制作3.8.2定義交互方法的<form>元素交互網(wǎng)頁例如：如：“22交互網(wǎng)頁綜合例如.htm”在例如中幾乎包含了所有關(guān)于交互式網(wǎng)頁的內(nèi)容，交互式網(wǎng)頁可以看成是表單網(wǎng)頁?？梢詫⒔换ナ骄W(wǎng)頁分為二個層次來看。一個是<form>…</form>。另一個是<input>…</input>。643.8交互網(wǎng)頁的制作3.8.2定義交互方法的<form>元素第一個層次：<form>…</form>*它表示交互語句段的開始和結(jié)束，在<form>屬性設(shè)置里，可以定義交互式網(wǎng)頁的一些內(nèi)容。主要設(shè)置內(nèi)容如下：*action=”url”激活處理交互信息的程序，實現(xiàn)客戶機和HTTP效勞器的連接。*method=post指定為發(fā)送form信息*method=get指定為獲得form信息*653.8交互網(wǎng)頁的制作3.8.2定義交互方法的<form>元素第一個層次：<form>…</form>*name:給表單起一個名字*MIME編碼:選擇表單傳入數(shù)據(jù)的編碼方式。在Form元素的語法中，EncType說明提交數(shù)據(jù)的格式。enctype=“multipart/form-data”主要用于文件數(shù)據(jù)的上傳，application/x-www-form-urlencoded編碼格式，不能用于文件上傳。*目標(biāo):指定一個窗口，在該窗口中顯示被調(diào)用程序所返回的數(shù)據(jù)。*663.8交互網(wǎng)頁的制作3.8.3<input>元素描述特性字段：第二個層次：<input>…</input>

它是輸入元素的描述，在一個表單中，根據(jù)需要可以有很多個<input>標(biāo)簽。*type：描述輸入操作的類型。我們可以使用text、password、checkbox、radio、image、hidden、submit以及reset等方式。*name：描述響應(yīng)操作的CGI變元名稱，只有在輸入類型為按鈕，即type=submit或type=reset時，name字段才能省略。*673.8交互網(wǎng)頁的制作3.8.3<input>元素描述特性字段：第二個層次：<input>…</input>*value：賦值字段，描述要在對話框中顯示的內(nèi)容或者給字段和變元賦值。按鈕類，submit、reset，用指定的字符串作為按鈕替換名稱，如type=resetvalue=”clear”，那么顯示的按鈕名稱那么變成clear；文本類，text，顯示在輸入框中的內(nèi)容；其他，hidden、檢查框，作為變元name的缺省值。*size：定義對話框的長度〔以字符為單位〕。*maxlength：允許輸入的字符串長度限制。*683.8交互網(wǎng)頁的制作3.8.4類型字段TYPE的描述格式：Type=text：表示創(chuàng)立一個輸入為單行文本框。Type=textarea：表示創(chuàng)立一個輸入為多行文本框。Type=password：表示創(chuàng)立一個輸入為密碼類型的單行文本框。這種類型輸入的文字用*號或·表示。type=checkbox：表示創(chuàng)立多項選擇框元素。type=radio：表示創(chuàng)立單向選擇框元素。注意：同一組的單項選擇框中的name必須相同，如果不同，將變成多項選擇的形式。*693.8交互網(wǎng)頁的制作3.8.4類型字段TYPE的描述格式：type=file：表示創(chuàng)立文件選擇域。type=submit：表示創(chuàng)立選擇執(zhí)行按鈕。type=reset：表示創(chuàng)立重置按鈕。type=hidden：不在瀏覽器中出現(xiàn)，只作為傳輸數(shù)據(jù)使用，隱含輸入類型字段經(jīng)常與檢查框type=checkbox或type=radio一起使用；第一，他是一個隱藏域，不顯示在瀏覽器中，第二，它用來傳輸處理數(shù)據(jù)。一般的傳輸?shù)臄?shù)據(jù)就是name值與它相同的元素的信息。*703.8交互網(wǎng)頁的制作3.8.5選擇菜單元素SELECT和OPRION：SELECT元素主要用來定義菜單的大小、指定變元名稱。它的描述字段有：*size：確定菜單的大小，它的單位是行數(shù)。*name：指定變元的名稱。即