網(wǎng)頁(yè)設(shè)計(jì)教學(xué)PPT_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)PPT_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)PPT_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)PPT_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)PPT_第5頁(yè)
已閱讀5頁(yè)，還剩59頁(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)介

第二章網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言HTMLHTML基礎(chǔ)知識(shí)頁(yè)面基本信息和布局文本修飾超文本鏈接表格圖像表單多媒體什么是HTML？

HTML是HyperTextMarkupLanguage的英文縮寫(xiě)，翻譯為“超文本標(biāo)識(shí)語(yǔ)言”。它是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言，是WWW上描述網(wǎng)頁(yè)內(nèi)容和外觀的標(biāo)準(zhǔn)。HTML是一種標(biāo)識(shí)語(yǔ)言，由一些編碼和標(biāo)注組成，對(duì)網(wǎng)頁(yè)的行為作出說(shuō)明，允許Web瀏覽器解釋它們，以便于理解。HTML如何表示呢？<html><head><title>table示例</title></head><body><tableborder=1><tr><td>第一列</td><td>第二列</td></tr></table></body></html>

HTML包含了一對(duì)打開(kāi)和關(guān)閉的標(biāo)記，在當(dāng)中并有屬性和值。標(biāo)記描述了每個(gè)網(wǎng)頁(yè)上的元素，例如文本段落、表格、或者圖像等。返回例如HTML代碼：

<H1align=“l(fā)eft”>歡迎!</H1><H1>……</H1>標(biāo)記是描述文本顯示大小。（其中</H1>表示標(biāo)記結(jié)束）其中align=“l(fā)eft”是設(shè)置文本顯示的對(duì)齊方式，它是這個(gè)標(biāo)記的屬性和值。HTML的特點(diǎn)應(yīng)用的簡(jiǎn)易性可以使用任何一種文字處理工具；語(yǔ)法規(guī)則比其他編程語(yǔ)言簡(jiǎn)單的多。功能的強(qiáng)大性幾乎能夠完成所有的設(shè)計(jì)工作。兼容性幾乎每個(gè)軟件都提供了HTML視圖模式。HTML的功能可以設(shè)計(jì)遠(yuǎn)程服務(wù)表單，用于商務(wù)網(wǎng)頁(yè)中的信息檢索和商品訂購(gòu)等；可以定義標(biāo)題、文字、表格、列表、圖像、聲音和影視文件等網(wǎng)頁(yè)中的各類元素；通過(guò)超鏈接功能可以將互聯(lián)網(wǎng)中不同頁(yè)面或頁(yè)面中的不同位置進(jìn)行邏輯鏈接，以供用戶進(jìn)行定位瀏覽；可以將互聯(lián)網(wǎng)上的不同資源進(jìn)行鏈接，以實(shí)現(xiàn)資源共享。HTML文檔結(jié)構(gòu)標(biāo)記我們先來(lái)看一個(gè)標(biāo)準(zhǔn)的HTML文檔結(jié)構(gòu)：<html><head><title>標(biāo)題內(nèi)容</title></head><body>

主要內(nèi)容在這里！</body></html>將以上代碼在瀏覽器上發(fā)布，會(huì)是什么結(jié)果？在記事本中演示。HTML文檔結(jié)構(gòu)它是以標(biāo)簽（tag）來(lái)標(biāo)識(shí)，而標(biāo)簽本身則由“<”和“>”號(hào)標(biāo)識(shí)，標(biāo)簽內(nèi)的內(nèi)容稱為元素。絕大多數(shù)元素是由三部分組成的，即起始標(biāo)記、內(nèi)容和結(jié)尾標(biāo)記。元素的起始標(biāo)記叫做起始鏈接簽(starttag)，元素結(jié)束標(biāo)記叫做結(jié)尾鏈接簽(endtag)。在起始鏈接簽和結(jié)尾鏈接簽中間的部分是元素體，即元素內(nèi)容。

例子<bodybgcolor="blue"><p><b>歡迎進(jìn)入E商網(wǎng)</b></p></body>說(shuō)明：第一行<bodybgcolor=“blue”>是元素的起始鏈接簽，它表明元素從此開(kāi)始。起始鏈接簽的形式為<元素名屬性名=屬性值>。第二行是body元素的元素體。第三行</body>是body元素的結(jié)尾鏈接簽。結(jié)尾鏈接簽的形式為</元素名>。HTML文檔結(jié)構(gòu)<元素名>文件或超文本<／元素名>

<元素名屬性名＝“屬性值…>文本或超文本<／元素名>

<元素名>關(guān)于編寫(xiě)HTML文檔的說(shuō)明HTML標(biāo)記包含在<>中，以區(qū)別于在頁(yè)面上顯示的文本。大多數(shù)HTML標(biāo)記都成對(duì)出現(xiàn)，只有極少數(shù)單獨(dú)出現(xiàn)，例如，<BR>標(biāo)記。HTML標(biāo)記不區(qū)分大小寫(xiě)。HTML文檔的擴(kuò)展名為htm，也可以為html。HTML文檔是一個(gè)純文本的文檔，可以使用任何文本編輯器來(lái)編輯它，例如記事本。因?yàn)闉g覽器的差異，一些擴(kuò)充的HTML標(biāo)記在不同的瀏覽器上可能顯示的結(jié)果并不相同。頁(yè)面基本信息和布局一、HEAD元素格式：

<head>……</head>

標(biāo)記說(shuō)明：HEAD標(biāo)記是頁(yè)面的第二層標(biāo)記，用于包含頁(yè)面的標(biāo)題信息。提示：

HEAD標(biāo)記必須在BODY標(biāo)記開(kāi)始之前結(jié)束，即</head>必須放在<body>之前）。一、HEAD元素標(biāo)題<title>網(wǎng)頁(yè)標(biāo)題</title>基本屬性網(wǎng)頁(yè)的基本屬性通常利用meta（元信息），例如字符編碼、作者、版權(quán)和關(guān)鍵字等。（1）keywords<metaname=“keywords”content=“關(guān)鍵字具體內(nèi)容”>（2）description<metaname=“description”content=“網(wǎng)頁(yè)描述的具體內(nèi)容”>（3）refresh<metahttp-equiv=“refresh”content=“10;URL=index.htm”>(4)Content-Type<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”>(5)Link,Base,Target,ID等等。Body元素及語(yǔ)法規(guī)則用于定義網(wǎng)頁(yè)的頁(yè)面信息，如背景、鏈接等。頁(yè)面顏色<bodybgcolor=#text=#link=#alink=#vlink=#>背景色彩非可鏈接文字的色彩可鏈接文字的色彩正被點(diǎn)擊的可鏈接文字的色彩已經(jīng)被點(diǎn)擊過(guò)的可鏈接文字的色彩#代表色彩值，可以用6位十六進(jìn)制的數(shù)值表示，也可以用各種顏色的英文單詞表示。如下例所示：<bodybgcolor=“FF0000”><bodybgcolor=“red“>FFFFFF：白色white000000：黑色blackBody元素及語(yǔ)法規(guī)則設(shè)置網(wǎng)頁(yè)背景圖片<bodybackgroud=“image-URL”>設(shè)置頁(yè)面左邊的空白語(yǔ)法<bodyleftmargin=#>設(shè)置頁(yè)面上方的空白語(yǔ)法<bodytopmargin=#>#=marginamount，通常設(shè)置成默認(rèn)值。

1、FONT標(biāo)記標(biāo)記的格式：

<fontface=“字體名稱1,字體名稱2,…字體名稱n,”size=“字號(hào)”color=“字體顏色”>…</font>標(biāo)記說(shuō)明：FONT標(biāo)記是專門(mén)對(duì)文本進(jìn)行設(shè)置的標(biāo)記，該標(biāo)記共有三個(gè)參數(shù)：face指定字體的名稱，可以設(shè)置一種，也可以設(shè)置多種，字體名稱之間用逗號(hào)隔開(kāi)。Size參數(shù)指定字體的大?。ㄗ痔?hào)），數(shù)值范圍在7~(-7)之間。Color參數(shù)用于指定文本的顏色。2、H標(biāo)記P29標(biāo)記的格式：<H1>文本內(nèi)容</H1>…….

<H6>文本內(nèi)容</H6>標(biāo)記說(shuō)明：實(shí)際H標(biāo)記是一系列以H開(kāi)頭的標(biāo)記，使用H標(biāo)記指定標(biāo)記之間的文本的大?。ü卜譃?級(jí)，數(shù)值越大字越?。?。(專門(mén)用作標(biāo)題)H標(biāo)記有一個(gè)參數(shù)：align,它用于設(shè)置文本的對(duì)齊方式，取值為center(居中對(duì)齊)、left(左對(duì)齊)、right(右對(duì)齊)。<fontface="幼圓"size="7"color="#FF0000">e5</font>4、B標(biāo)記、I標(biāo)記、U標(biāo)記、S標(biāo)記這四個(gè)標(biāo)記的格式為：

<B>文本</B><U>文本</U>

<I>文本</I><S>文本</S>標(biāo)記說(shuō)明：B標(biāo)記用于將標(biāo)記之間的文本設(shè)置成粗體。I標(biāo)記用于將標(biāo)記之間的文本設(shè)置成斜體。U標(biāo)記用于將標(biāo)記之間的文本加下劃線。S標(biāo)記用于將標(biāo)記之間的文本添加刪除線。list元素及語(yǔ)法規(guī)則

（1）無(wú)序列表<ul>

<li>列表內(nèi)容1<li>列表內(nèi)容2

</ul>（2）有序列表<ol>

<li>列表內(nèi)容1

<li>列表內(nèi)容2

</ol>例子<ol><li>財(cái)經(jīng)</li><li>體育<ul><li>足球</li><li>籃球</li><li>其它</li></ul></li><li>娛樂(lè)</li></ol>文字布局行控制<p>回車(chē)符，表示一個(gè)段落的結(jié)束，可以單獨(dú)使用，不用成對(duì)出現(xiàn)。<p>標(biāo)記后面的正文將另起一段落。（演示）<br>換行符，僅表示另起一行，不表示段落的結(jié)束，也可以單獨(dú)使用。<br>標(biāo)記后面的正文將另起一行。（演示）(2)

對(duì)齊<palign=#>...</p>其中#=left,center,right，分別表示左對(duì)齊，居中和右對(duì)齊。（演示）(3)預(yù)格式化所謂預(yù)格式化，就是保留文字在源代碼中的格式，頁(yè)面中顯示的和源代碼中的效果完全一致。瀏覽器在顯示其中的內(nèi)容時(shí)，會(huì)完全按照其真正的文本格式來(lái)顯示。例如原封不動(dòng)地保留文檔中的空白，如空格、制表符等。<pre>…...</pre>

marquee元素及語(yǔ)法規(guī)則

滾動(dòng)字幕是網(wǎng)頁(yè)中常用的文字特效，它通過(guò)marquee語(yǔ)句實(shí)現(xiàn)，具體的語(yǔ)法規(guī)則如下。<marqueedirection=#bihavior=#loop=#scrollamount=#scrolldelay=#bgcolor=#height=#width=#onmouseover=this.stop()onmouseout=this.start()>滾動(dòng)文本內(nèi)容</marquee>表示滾動(dòng)方向，包括left、right、up、down，如direction=up表示向上滾動(dòng)。表示滾動(dòng)方式，包括scroll、slide、alternate，分別為普通、一次性滑動(dòng)和雙向交替式。

表示循環(huán)次數(shù)，默認(rèn)的為無(wú)限循環(huán)，當(dāng)把#值設(shè)置成-1時(shí)也表示無(wú)限循環(huán)。

表示一次滾動(dòng)的距離表示兩次滾動(dòng)之間的延遲，以毫秒為單位。

表示將鼠標(biāo)放在字幕上時(shí)，停止?jié)L動(dòng)，鼠標(biāo)移開(kāi)時(shí)繼續(xù)滾動(dòng)。普通鏈接

<ahref="URL"target="Window_Name">……</a>說(shuō)明：（1）href="URL"表示鏈接的目標(biāo)文件。（2）target="Window_Name"目標(biāo)文件的打開(kāi)窗口，默認(rèn)的是在當(dāng)前窗口打開(kāi)，在新窗口打開(kāi)為target="_blank"。普通鏈接注意Ⅰ如果是內(nèi)部鏈接，則直接使用目標(biāo)文件在網(wǎng)站中的相對(duì)地址。如果是外部鏈接，則一定要寫(xiě)上協(xié)議名稱，如鏈接到網(wǎng)易，則語(yǔ)法為href=。Ⅱ如果將鏈接的地址設(shè)為mailto:電子郵件地址，則可通過(guò)單擊此鏈接自動(dòng)調(diào)用計(jì)算機(jī)默認(rèn)的電子郵件程序發(fā)送E-mail。書(shū)簽在網(wǎng)頁(yè)的不同位置定位，提高了瀏覽效果,書(shū)簽在DreamWeaver中也被稱為錨點(diǎn)。書(shū)簽在使用時(shí)，首先要定義書(shū)簽，然后再設(shè)置書(shū)簽鏈接。（1）定義書(shū)簽的語(yǔ)法<aname="書(shū)簽名稱">...</a>例如：<aname=“aaa”>導(dǎo)航</a>，意為將文本“導(dǎo)航”處設(shè)置名為aaa的書(shū)簽。書(shū)簽（2）書(shū)簽鏈接的語(yǔ)法<ahref="URL#書(shū)簽名稱">...</a>例如：<ahref=“index.htm#aaa”>返回導(dǎo)航處</a>

意為將文本“返回導(dǎo)航處”設(shè)置成鏈接，鏈接的目標(biāo)位置為index.htm網(wǎng)頁(yè)中的書(shū)簽aaa處。如果是在本頁(yè)中進(jìn)行書(shū)簽鏈接，則URL也可以省略，但#千萬(wàn)不能丟掉。表格表格是網(wǎng)頁(yè)中常見(jiàn)的元素，設(shè)計(jì)者通常都使用表格進(jìn)行網(wǎng)頁(yè)的布局定位，由此得到的網(wǎng)頁(yè)中的各元素顯得更整齊、更美觀。

主標(biāo)題：表明了這個(gè)表格的主要內(nèi)容；表欄：

是表格中用來(lái)存放數(shù)據(jù)的矩形區(qū)域；表頭：

表示數(shù)據(jù)項(xiàng)所對(duì)應(yīng)的名稱，

數(shù)據(jù)：

就是存放在表欄中的文字、數(shù)字和圖像等信息。

基本表格標(biāo)記表格的始末標(biāo)記為<table>…</table>，意為定義一個(gè)表格。其中表格的屬性在起始標(biāo)記中設(shè)定，具體包括如下屬性。

屬性用途<tablebgcolor="">設(shè)置表格的背景色<tableborder="">設(shè)置邊框?qū)挾?，若不設(shè)置此屬性，則默認(rèn)值為0<tablebordercolor="">設(shè)置邊框的顏色<tablebordercolorlight="">設(shè)置邊框明亮部分的顏色<tablebordercolordark="">設(shè)置邊框昏暗部分的顏色<tablecellspacing="">設(shè)置表格中單元格之間的距離<tablecellpadding="">設(shè)置表格中單元格邊框與其內(nèi)部?jī)?nèi)容之間的距離<tablewidth="">設(shè)置表格寬度，單位用絕對(duì)像素值或總寬度的百分比<tablecols="">設(shè)置表格的列數(shù)<tablerows="">設(shè)置表格的行數(shù)<tablealign=left/right/center>設(shè)置表格的對(duì)齊方式以上各個(gè)屬性的設(shè)定可以結(jié)合使用，如<tablebgcolor=“#00FFFF”border=0width=“100%”>，指將表格背景色設(shè)置成淺藍(lán)色，不顯示邊框，表格寬度占滿整個(gè)頁(yè)面。

<tr></tr>、<td></td>標(biāo)記對(duì)

<tr></tr>標(biāo)記對(duì)：用來(lái)創(chuàng)建表格中的每一行。此標(biāo)記對(duì)只能放<table></table>標(biāo)記對(duì)之間使用，而在此標(biāo)記對(duì)之間加入文本將是無(wú)用的；<td></td>標(biāo)記對(duì)：用來(lái)創(chuàng)建表格中一行中的每一個(gè)單元格，此標(biāo)記對(duì)也只有放在<tr></tr>標(biāo)記對(duì)之間才是有效的，用戶想要輸入的文本也只有放在<td></td>標(biāo)記對(duì)中才能夠顯示出來(lái)。align是水平對(duì)齊方式，取值為left(左對(duì)齊)、center(居中)、right(右對(duì)齊)；valign是垂直對(duì)齊方式，取值為top(靠頂端對(duì)齊)、middle(居中間對(duì)齊)或bottom(靠底部對(duì)齊)；<td>具有width、colspan、rowspan和nowrap屬性。width是單元格的寬度，單位用絕對(duì)像素值或總寬度的百分比，colspan表示設(shè)置一個(gè)單元格跨占的列數(shù)(缺省值為1)，rowspan表示設(shè)置一個(gè)單元格跨占的行數(shù)(缺省值為1)，nowrap表示禁止單元格內(nèi)的內(nèi)容自動(dòng)斷行。

<tr></tr>、<td></td>標(biāo)記對(duì)

<th></th>標(biāo)記對(duì)

<th></th>標(biāo)志對(duì)用來(lái)設(shè)置表頭，通常是黑體居中文字。<caption></caption>

用于設(shè)置表格的標(biāo)題，即表格上方顯示的內(nèi)容。2.5.6.實(shí)例圖像的基本語(yǔ)法<imgsrc=#alt=#align=top/middle/bottom/left/right/border=#class=typeid=Valuename=valueborder=nheight=nwidth=nhspace=nvspace=n>⑴src：規(guī)定插入圖像的url地址及文件名；⑵align：指定圖像的位置是靠左、靠右、居中、靠上或者是靠底。默認(rèn)情況下是靠上，align=top；⑶class和id：分別指定圖像所屬的類型和圖像的id號(hào)；⑷name：設(shè)定圖像的標(biāo)題。⑸alt：設(shè)定圖像的替代字，主要用于在瀏覽器還沒(méi)有裝入圖像（或關(guān)閉圖像顯示）的時(shí)候，先顯示有關(guān)此圖像的替代字；⑹border：設(shè)定圖片的邊框。；⑺height和width：分別用于指定圖像的高度和寬度；⑻hspace和vspace：分別用于設(shè)定圖像的左右邊框大小和上下邊框大小。

圖像熱點(diǎn)

把圖像劃分成多個(gè)作用區(qū)域，并鏈接到不同網(wǎng)頁(yè)的標(biāo)記，那就是<area>地圖作用區(qū)域標(biāo)記。標(biāo)記主要用于圖像地圖，通過(guò)該標(biāo)記可以在圖像地圖中設(shè)定作用區(qū)域（又稱為熱點(diǎn)）<areaclass=typeid＝Valuehref＝urlalt＝textshape＝area-shapecoods＝value>

class和id是分別指定熱點(diǎn)的類型和id號(hào)。用于設(shè)定熱點(diǎn)的替代性文字用于設(shè)定該熱點(diǎn)所鏈接的url地址shape和coords：是兩個(gè)主要的參數(shù)，用于設(shè)定熱點(diǎn)的形狀和大小。1、<areashape="rect"coords="x1,y1,x2,y2"href=url>表示設(shè)定熱點(diǎn)的形狀為矩形，左上角頂點(diǎn)坐標(biāo)為（x1,y1），右下角頂點(diǎn)坐標(biāo)為（x2,y2）。

2、<areashape="circle"coords="x1,y1,r"href=url>

表示設(shè)定熱點(diǎn)的形狀為圓形，圓心坐標(biāo)為（x1,y1），半徑為r。3、<areashape="poligon"coords="x1,y1,x2,y2......"href=url>

表示設(shè)定熱點(diǎn)的形狀為多邊形，各頂點(diǎn)坐標(biāo)依次為（x1,y1）、（x2,y2）、（x3,y3）......。表單

<form></form>用來(lái)創(chuàng)建一個(gè)表單，具有action、method和target屬性；action的值是處理程序的程序名(包括網(wǎng)址或相對(duì)路徑)；method屬性用來(lái)定義處理程序從表單中獲得信息的方式，可取值為GET和POST的其中一個(gè)；target屬性用來(lái)指定目標(biāo)窗口或目標(biāo)幀。<inputtype="…"name="…">用來(lái)定義一個(gè)用戶輸入?yún)^(qū)，用戶可在其中輸入信息。此標(biāo)志必須放在<form></form>標(biāo)志對(duì)之間。共提供了八種常見(jiàn)的輸入?yún)^(qū)域，分別為text,password,checkbox,radio,image,hidden,submit,reset；八種類型的輸入?yún)^(qū)域有一個(gè)公共的屬性name，此屬性用于定義每一個(gè)輸入?yún)^(qū)域的名稱。value屬性是另一個(gè)公共屬性，它可用來(lái)指定輸入?yún)^(qū)域的缺省值。表單

1）單行文本框和密碼框

單行文字框的標(biāo)志如下：<inputtype=textname=""size=""maxlength=""value="">密碼框的標(biāo)志如下：<inputtype=passwordname=""size=""maxlength=""value="">例2.5在網(wǎng)頁(yè)的html狀態(tài)下輸入如下語(yǔ)言。<form><p>姓名：<inputtype="text"name="姓名"size="20"value="請(qǐng)?jiān)诖颂庉斎肽男彰?></p><p>密碼：<inputtype="password"name="密碼"size="20"></p></form>單選框和復(fù)選框

單選框的語(yǔ)法如下：<inputtype=radiovalue=""checkedname="">復(fù)選框的語(yǔ)法如下：<inputtype=checkboxvalue=""checkedname="">例2.6

<form><p>性別：男<inputtype="radio"value="男"checkedname="性別">女<inputtype="radio"name="性別"value="女"></p><p>興趣愛(ài)好：電影<inputtype="checkbox"name="C1"value="電影">  旅游<inputtype="checkbox"name="C2"value="旅游">  音樂(lè)<inputtype="checkbox"name="C3"value="音樂(lè)">   體育<inputtype="checkbox"name="C4"value="體育"></p></form>3）隱藏域

<inputtype=hiddenvalue=*>

4）圖像

<inputtype=imagesrc=url>

5）按鈕表單中的按鈕通常有三種類型，分別為提交、重置和一般按鈕。①提交按鈕表示將表單內(nèi)容提交給服務(wù)器，語(yǔ)句為<inputtype="SUBMIT">。②重置按鈕表示將表單內(nèi)容全部清除,重新填寫(xiě)，語(yǔ)句為<inputtype="RESET">。③一般按鈕可以設(shè)置特殊指令，實(shí)現(xiàn)特殊效果，如下語(yǔ)句。<inputtype="button"name="謝謝"value="點(diǎn)我試試"onclick="alert('謝謝點(diǎn)擊')">

列表框

<select></select>標(biāo)記對(duì)用來(lái)創(chuàng)建一個(gè)下拉列表框或可以復(fù)選的列表框。此標(biāo)記對(duì)用于<form></form>標(biāo)記對(duì)之間。multiple屬性不用賦值，直接加入標(biāo)志中即可使用，加入了此屬性后列表框就成了可多選式列表。若沒(méi)有設(shè)置multiple屬性，顯示的將是一個(gè)彈出式的列表框。name是此列表框的名字。size屬性用來(lái)設(shè)置列表的高度，缺省時(shí)值為1。<option>標(biāo)記

用來(lái)指定列表框中的一個(gè)選項(xiàng)，它放在<select></select>標(biāo)志對(duì)之間。Selected屬性：用來(lái)指定默認(rèn)的被選項(xiàng)；value屬性：用來(lái)給<option>指定的某一個(gè)選項(xiàng)賦值，這個(gè)值是要傳送到服務(wù)器上的，服務(wù)器正是通過(guò)調(diào)用<select>區(qū)域的選項(xiàng)的value屬性來(lái)獲得該區(qū)域選中的數(shù)據(jù)項(xiàng)。例2.7

<form><selectsize="1"name="下拉菜單"><optionvalue="北京大學(xué)"selected>北京大學(xué)</option><option>清華大學(xué)</option><option>南開(kāi)大學(xué)</option><option>天津大學(xué)</option></select></form>例2.8

<form>

<selectsize="1"name="下拉菜單"multiple><optionvalue="北京大學(xué)"selected>北京大學(xué)</option><option>清華大學(xué)</option><option>南開(kāi)大學(xué)</option><option>天津大學(xué)</option></select></form>多行文本框

語(yǔ)法為<textarea></textarea>，此標(biāo)記對(duì)用于<form></form>標(biāo)記對(duì)之間。<textarea>具有name、cols和rows屬性。cols和rows屬性分別用來(lái)設(shè)置文本框的列數(shù)和行數(shù)，這里列與行是以字符數(shù)為單位的。例2.9

<form><p>意見(jiàn)欄：</p><p><textarearows="10"name="意見(jiàn)欄"cols="20">您的意見(jiàn)對(duì)我們很重要</textarea></p></form>多媒體多媒體的種類多媒體文件多為音樂(lè)、視頻、動(dòng)畫(huà)等，其中音樂(lè)主要屬于REAL、AU、MIDI文件格式；WAV文件屬于波形原始聲音文件，體積相對(duì)較大，盡量不要使用；MP3文件屬于壓縮文件，不同的軟件其兼容性不盡相同，使用時(shí)應(yīng)該注意；MIDI屬于合成音樂(lè)，體積較小，在網(wǎng)頁(yè)中應(yīng)用較為廣泛；

溫馨提示

  • 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ù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 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)論