網(wǎng)頁設(shè)計-HTML分析

上傳人：宋*** IP屬地：重慶上傳時間：2023-07-16 格式：PPT 頁數(shù)：50 大小：905.50KB 積分：12 舉報 版權(quán)申訴

已閱讀5頁，還剩45頁未讀，繼續(xù)免費閱讀

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

文檔簡介

6.1HTML基礎(chǔ)知識

HTML(HypertextMarkupLanguage)超文本標記語言一種描述文檔結(jié)構(gòu)的標記語言，它使用一些約定的標記對WWW上的各種信息進行標注。當(dāng)用戶瀏覽WWW上的信息時，瀏覽器會自動解釋這些標記的含義，并按照一定的格式在屏幕上顯示這些被標記的文件。任何可以運行瀏覽器的計算機都能閱讀并顯示HTML文件，不管其操作系統(tǒng)是什么，顯示結(jié)果相同。HTML文件的后綴名為.htm或.html的文件。

標記：組成HTML的“命令”。在HTML中，標記用符號“<”和“>”括起來。作用：標注各種元素的輸出格式。7/15/20231網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第1頁。一個HTML文件的例子<HTML><HEAD><TITLE>西北工業(yè)大學(xué)</TITLE></HEAD><BODYbgcolor=yellow><P>我的第一個主頁</P></BODY></HTML>

演示7/15/20232網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第2頁。

HTML標記分類：(1)單邊；(2)雙邊。單邊標記：單邊標記元素為開放式標記，不需要用結(jié)束標記來包含文本。如<BR>表示回車換行。雙邊標記：雙邊標記元素提供了開始和結(jié)束，將文本包含在其中，故也稱為容器(container)。如<HTML>與</HTML>、<HEAD>與</HEAD>等。

說明：

1.“<”和“>”之間是標記元素名及其參數(shù)。標記元素往往都帶有若干參數(shù)，用以表明元素的屬性，屬性是對標記更詳細的規(guī)定，并具有不同的取值。

2.標記元素不區(qū)分大小寫。

格式：

<標記屬性>輸出內(nèi)容</結(jié)束標記>7/15/20233網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第3頁。6.2HTML語言結(jié)構(gòu)HTML文件的基本結(jié)構(gòu)：<html>HTML文件開始<head>文件頭開始

頭信息部分</head>文件頭結(jié)束<body>文件體開始

正文部分

</body>文件體結(jié)束</html>HTML文件結(jié)束說明：HTML文件由頭信息和正文兩部分組成，其中，用<>包圍的是HTML語言標記，控制網(wǎng)頁中各種元素的顯示狀態(tài)。7/15/20234網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第4頁。6.2.1

HTML文檔的頭信息舉例：<html><head><title>

這是一個頭文件的例子</title></head><body>

正文部分</body></html>演示7/15/20235網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第5頁。說明：

1)用<tit1e>和</tit1e>標記括起來的部分是網(wǎng)頁的標題，其內(nèi)容被顯示在瀏覽器窗口的標題條中。

2)在頭部分還可以定義類(class)及嵌入程序。

title的長度沒有限制，但一般情況下它的長度不應(yīng)超過64個字符。

title標記只能出現(xiàn)在文件頭中。

title標記格式：<title>文件標題</title>7/15/20236網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第6頁。6.2.2頁面排版

1.標題字體

標題字體標記：<hn>h1?h6表示6種大小標題字體。舉例：<html><head><title>標題大小</title></head><body><h1>這是一號標題</h1><h2>這是二號標題</h2><h3>這是三號標題</h3><h4>這是四號標題</h4><h5>這是五號標題</h5><h6>這是六號標題</h6></body></html>演示7/15/20237網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第7頁。hn標記的對齊屬性：格式：<hnalign=#>#：left——文本內(nèi)容為左對齊

center—文本內(nèi)容為中間對齊

right——文本內(nèi)容為右對齊舉例：

<html><head><title>標題對齊屬性</title></head><body><h2align=left>二號標題居左顯示</h2><h3align=center>三號標題居中顯示</h3><h4align=right>四號標題居右顯示</h4></body></html>演示7/15/20238網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第8頁。

2.文字字體

字體的大小格式：

<fontsize

=n>···</font>

從1～7共有7級字體。

字體的顏色格式：

<fontcolor=#>···</font>

#在000000～FFFFFF(十六進制)之間，前兩位代表紅色(red)，中間兩位代表綠色(green)，后兩位代表藍色(blue)，每種色彩為256級顏色，通過配比不同的紅、綠、藍三種顏色的分量可以得出不同的顏色。常用顏色代碼如表所示。7/15/20239網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第9頁。

顏色

RGB

顏色

RGB

黑色(Black)000000

紅色(Red)FF0000

白色(White)FFFFFF

粉紅色(Fuchsia)FF00FF

灰色(Gray)808080

茶色(Maroon)800000

銀色(Silver)C0C0C0

紫色(Purple)800080

深藍色(Navy)000080

藍綠色(Teal)008080

藍色(Blue)0000FF

綠色(Green)008000

淺藍色(Aqua)00FFFF

橄欖色(Olive)808000

淺綠色(Lime)00FF00

黃色(Yellow)FFFF00顏色代碼表7/15/202310網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第10頁。字體樣式粗體與斜體粗體標記：<strong>···</strong>或<b>···</b>斜體標記：<em>···</em>或<I>···</I>或<cite>···</cite>

上標與下標上標標記：<sup>···</sup>下標標記：<sub>···</sub>

大字體與小字體大字體標記：<big>···</big>小字體標記：<small>···</small>

下劃線與刪除線下劃線標記：<u>···</u>刪除線標記：<strike>···</strike>或<s>···</s>7/15/202311網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第11頁。3.文字效果標記

文字閃爍

文字閃爍標記：<blink>···</blink>注意：IE不支持此效果，而Netscape支持。

背景色與背景圖背景色標記：<bodybgcolor=#>背景圖標記：<bodybackground=“src”>

7/15/202312網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第12頁。舉例：<html><head><title>

文字字體與效果

</title></head><body><b>加粗字體</b><br><cite><u>斜體加下劃線</u></cite><br><fontsize=7>7號字體</font><br><fontcolor=blue><s>藍色加刪除線</s></font><br>

上標字體E=mc<sup>2</sup><br>

下標字體H<sub>2</sub>O<br></body></html>演示7/15/202313網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第13頁。4.轉(zhuǎn)行標記

格式：<br>作用：強迫文字轉(zhuǎn)行。舉例：

<html><head><title>文字轉(zhuǎn)行</title></head><body>

滄海笑，滔滔兩岸潮<br>

浮沉隨浪，只記今朝<br>

蒼天笑，紛紛世上潮<br>

誰負誰勝出，天知曉<br>

江山笑，煙雨遙<br>

濤浪淘盡，紅塵俗世幾多嬌<br>

清風(fēng)笑，竟惹寂寥<br>

豪情還勝了一襟晚照<br>

蒼生笑，不再寂寥<br>

豪情仍在，癡癡笑笑···<br></body></html>演示7/15/202314網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第14頁。

關(guān)閉轉(zhuǎn)行標記格式：<nobr>···</nobr>

作用：關(guān)閉文字轉(zhuǎn)行功能，改由滾動條控制。舉例：

<html><head><title>關(guān)閉文字轉(zhuǎn)行</title></head><body><nobr>

滄海笑，滔滔兩岸潮浮沉隨浪，只記今朝蒼天笑，紛紛世上潮誰負誰勝出，天知曉江山笑，煙雨遙濤浪淘盡，紅塵俗世幾多嬌蒼生笑，不再寂寥豪情仍在，癡癡笑笑···</nobr></body></html>演示7/15/202315網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第15頁。分段標記格式：<P

>···</P

功能：對文本進行分段操作，且段與段之間有一空行。斷行標記格式：<pre

>···</pre

功能：通知瀏覽器，在輸出時，對<pre></pre>中內(nèi)容的格式不做修改地輸出。7/15/202316網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第16頁。舉例：

關(guān)于分段與斷行

</title></head><body><p>這是文章的第一段，這里使用了段標記</p><p>這是文章的第二段，這里使用了段標記。<br>并在此使用了行標記。

<br><br>請留意，這里使用了兩個行標記。</p><p>以下將使用預(yù)格式文本標記，請留意。

<pre>我們成功地按照所輸入的文本格式得到輸出。請比較程序與所顯示的結(jié)果。</pre></p></body></html>演示7/15/202317網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第17頁。水平線標記格式：<hr>

作用：分割文檔。舉例：

<html><head><title>關(guān)于水平線標記的使用</title></head><body><p>星期一的課程</p><p>8:00—9:50DataStructure<br>10:20—12:00Mathematk8<br>2:30—4:20Html</p><hr><p>星期二的課程</p></body></html>演示7/15/202318網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第18頁。5.居中標記格式：<center>···</center>功能：對整段文本進行居中。舉例：

<html><head><title>居中標記的應(yīng)用</title></head><body><h3align=center>網(wǎng)頁瀏覽器是基于屏幕顯示窗口大小的

</h3><center><p>可以看到，center標記的作用與在標記中定義對齊屬性是同樣有效的</p><p>但是，可以控制所有在其中的標記的對齊方式為中央對齊</p></center></body></html>演示7/15/202319網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第19頁。6.特殊符號

舉例：

特殊符號HTML表示法<<>>""&&演示7/15/202320網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第20頁。6.2.3列表格式1.無序列表

列表格式：格式1：格式2：格式3：<UL><MENU><LH><LI><LI><LI>┆┆┆<LI><LI><LI></UL></MENU></LH>

列表項標記屬性：type格式1：<ULtype=#>格式2：<LItype=#>其中#表示符號名稱：disk實心圓點(默認設(shè)置)chrcle空心圓點square實心方塊7/15/202321網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第21頁。

舉例：

無序列表

</title></head><body><ul><li>列表項

<litype=disk>列表項1<litype=circle>列表項2<litype=square>列表項3</ul></body></html>演示7/15/202322網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第22頁。2.有序列表

列表格式：

列表項標記屬性：

1)type數(shù)字形式屬性：用type屬性選擇列表項符號格式的數(shù)字。

數(shù)字type=11，2，3，···

小寫字母type=aa，b，c，···

大寫字母type=AA，B，C，···

小寫羅馬字母type=?、?，ⅱ，ⅲ，···

大寫羅馬字母type=ⅠⅠ，Ⅱ，Ⅲ，···2)start起始數(shù)字屬性：所有標號均從最小數(shù)字開始，若要改變標號起始數(shù)字，可用start屬性，其格式：

<OLstart=#>#代表起始數(shù)字7/15/202323網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第23頁。舉例：

有序列表

</title></head><body><oltype=a><li>第1章

<li>第2章

<li>第3章

<li>第4章

</ol></body></html>演示7/15/202324網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第24頁。3.定義型列表(definitionlists)

列表格式：

定義型列表用標記括起來，并使用標記對文本進行縮排。

舉例：

<html><head><title>定義型列表</title></head><body><dl><dt>標題一<dd>以下的文字將比標題一低若干個格，并該段文字會左對齊，形成一文字塊，使得標題一處于明顯突出的位置

<dt>標題二

</dl></body></html>演示7/15/202325網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第25頁。4.列表嵌套

舉例：<html><head><li>Web圖像處理Firework<title>列表嵌套</title></ol></head><li>專家級網(wǎng)頁編制<body><oltype=i><ul><li>腳本編輯<li>互聯(lián)網(wǎng)學(xué)習(xí)的步驟<li>動態(tài)服務(wù)器頁面編制

<ul><li>掌握高級協(xié)議

<li>掌握初步的知識</ol><ol></ul><li>配置電腦聯(lián)網(wǎng)<li>關(guān)于Windows的作用

<li>撥號接入Internet<dl><li>進階學(xué)習(xí)<dt>Win9X系列<dd>Win9X的兩個

</ol>版本主要針對普通用戶，是游戲的好平臺

<li>網(wǎng)頁編制的三大工具<dt>Win2000系列<dd>Win2000主

<oltype=a>要針對企業(yè)級用戶，基于WinNT發(fā)展而來

<li>網(wǎng)頁織夢Dreamweaver</dl></ul><li>流光異彩Flash</body></html>演示7/15/202326網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第26頁。6.3表格與框架6.3.1創(chuàng)建表格1.創(chuàng)建標記表格由<table>標記開始，</table>標記結(jié)束，其內(nèi)容有<tr>,<th>,<td>標記定義，邊框類型由<border=#>標記屬性指定，#為數(shù)字，默認為0。

<tr>···</tr>：說明表格的一行。

<td>···</td>：說明表格的列數(shù)及相應(yīng)的單元格，一般在<tr>···</tr>標記之內(nèi)。

<th>···</th>：定義表格的標題行，其定義的單元格的內(nèi)容有“居中”和“粗體”的效果。7/15/202327網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第27頁。

舉例：

<html><head><title>定義表格</title></head><body><center><h2>手機價格行情</h2><tableborder=3><tr><th>產(chǎn)品</th><th>價格</th><th>折扣</th></tr><tr><td>Nokia8850</td><td>4500</td><td>9折</td></tr><tr><td>Nokia8810</td><td>2600</td><td>85折</td></tr></tableborder=3></body></html>演示7/15/202328網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第28頁。有時表格的某些單元格中沒有內(nèi)容，為使邊框仍可見，需要使用符號“ ；”。

舉例：

<html><head><title>定義表格</title></head><body><center><h2>手機價格行情</h2><tableborder=3><tr><th>產(chǎn)品</th><th>價格</th><th>折扣</th></tr><tr><td>Nokia8850</td><td>4500</td><td>9折</td></tr><tr><td>Nokia8810</td><td>2600</td><td> </td></tr></tableborder=3></body></html>演示1演示27/15/202329網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第29頁。

TABLE標記的常用屬性：border：設(shè)置表格邊框的寬度。格式：<tableborder=#>#為數(shù)字，默認為0。width：設(shè)定整個表格的寬度，可以像素為單位(絕對方式)，也可用占瀏覽器窗口的百分比來定義(相對方式)。格式：<tableborder=#width=300>——絕對方式

<tableborder=#width=80%>——相對方式bgcolor：設(shè)置單元格的背景顏色。格式：<tablebgcolor=#>···</table>align：用來控制表格本身在頁面上的對齊方式。其取值可是left(左對齊)、center(居中對齊)、right(右對齊)。7/15/202330網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第30頁。2.<caption>標記

caption標記設(shè)置表格標題。

caption標記必須緊接在table開始標記之后放在第一個tr標記之前。通過該標記所定義的表格標題一般顯示在表格的上方，而且其水平方向是居中對齊。在caption標記之間加入其它對字體進行加重顯示的標記，可使表格的標題突出顯示。如：

<tablewidth=75%border=1><caption> <h2>表格標題強調(diào)</h2></caption><tr> ……</tr></table>7/15/202331網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第31頁。6.3.2框架框架能夠?qū)㈨撁娣殖蓴?shù)個獨立變化的窗口，每個窗口可顯示不同的Web頁。

語法：<frameset><noframes>···</noframes> <framesrc="URL"> ···</frameset>

其中：(1)<noframes>...</noframes>中的內(nèi)容顯示在不支持分框的瀏覽器窗口中。(2)<frameset>：指定分框，并可嵌套，分區(qū)中各部分顯示的內(nèi)容用<frame>指定。

說明：分框可以將窗口橫向分成幾個部分，也可以縱向分成幾個部分，還可以混合分框。7/15/202332網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第32頁。1.垂直劃分——縱向框架

縱向框架：用<framesetcols=#>指定，

#：為一百分數(shù)，規(guī)定各框占主窗口的百分比；為一整數(shù)，指定各框的絕對大小。2.水平劃分——橫向框架

橫向框架：用<framesetrows=#>指定，

#：為一百分數(shù)，規(guī)定各框占主窗口的百分比；為一整數(shù)，指定各框的絕對大小。

舉例：在index.htm中將主窗口分成50%，30%，20%的幾個區(qū)域，各區(qū)域的內(nèi)容分別為left.htm，middle.htm，right.htm。7/15/202333網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第33頁。index.htm：<html><head><title>縱向框架</title></head><framesetcols="50%,30%,20%"><framesrc="left.htm"><framesrc="middle.htm"><framesrc="right.htm"></frameset></html>left.htm：<html><head><title>left.htm文件</title></head><body><palign=left>這里是左框架</p></body></html>middle.htm：<html><head><title>middle.htm文件</title></head><body><palign=center>這里是中框架</p></body></html>right.htm：<html><head><title>right.htm文件</title></head><body><palign=right>這里是右框架</p></body></html>演示1演示27/15/202334網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第34頁。3.混合劃分——框架的嵌套

框架的嵌套：將窗口橫縱幾個區(qū)域。

舉例：將窗口分成20%，80%，然后將右邊區(qū)域再分成分別占40%和60%的上下兩個區(qū)域。

<html><head><title>框架</title></head><framesetcols="20%,80%"><framesrc="left.htm"name=f1><framesetrows="40%,60%"><framesrc="middle.htm"name=f2><framesrc="right.htm"name=f3></frameset></frameset></html>演示7/15/202335網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第35頁。6.4表單設(shè)計

表單用來將用戶數(shù)據(jù)從瀏覽器傳遞給Web服務(wù)器。利用表單可以建立一個錄入界面，也可以對數(shù)據(jù)庫進行查詢。

表單的操作是與服務(wù)器進行交互的操作，服務(wù)器端的操作是通過服務(wù)器端的程序來實現(xiàn)的。ASP程序在服務(wù)器端工作，通過服務(wù)器端的編譯動態(tài)地送出HTML文件給客戶端，它負責(zé)處理HTML文件與運行在服務(wù)器端的程序之間的數(shù)據(jù)交換。Web服務(wù)器HTML文檔瀏覽器數(shù)據(jù)7/15/202336網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第36頁。

1.表單的標記

格式：

<formmethod=*action="URL">

···

<inputtype=submit><inputtype=reset>

</form>

method：指定表單數(shù)據(jù)的提交方式，*代表GET或POST，表示瀏覽器與服務(wù)器之間的通信方式。

GET：默認方式，用戶提交的內(nèi)容顯示在提交后的新頁面中，它的信息長度不超過255個字符，適合傳輸少量數(shù)據(jù)。

POST：數(shù)據(jù)流，不顯示，輸入的數(shù)據(jù)放入數(shù)據(jù)緩沖區(qū)，它對傳送給服務(wù)器的信息長度沒有限制，適合傳輸較大量數(shù)據(jù)。

action：指出該表單所對應(yīng)處理程序的位置。其參數(shù)值為程序的URL。

舉例：

<formaction=getinfo.aspmethed=POST>···</form>7/15/202337網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第37頁。

表單中提供給用戶的輸入形式

<inputtype=*name=#>*代表text,password,checkbox,radio,image,hidden,submit,reset之一的輸入元素類型。

#代表表單元素的名稱，即所附信息同時發(fā)給服務(wù)器的一個信息名稱。

注意：<input>必須嵌套在表單中。

表單中主要的控件元素

①按鈕：單選按鈕(radio)，提交按鈕(submit)，復(fù)位按鈕(reset)，圖像字段(image)。

②選擇框：復(fù)選框按鈕(checkbox)。

③文本框：文本輸入框(text)，密碼輸入(password)。

④下拉菜單：<selectname=*>

</select>7/15/202338網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第38頁。2.提交與復(fù)位按鈕

(1)提交按鈕(submit)

格式：<inputtype=submitvalue=“#”>

作用：控制將表單的內(nèi)容發(fā)送給服務(wù)器。

type：按鈕的動作屬性。

#：按鈕上顯示的文本，如“提交表單”。

(2)復(fù)位按鈕(reset)

格式：<inputtype=resetvalue=“#”

作用：清除表單中已填寫的內(nèi)容，恢復(fù)為初始值。

type：按鈕的動作屬性。

#：按鈕上顯示的文本，如“重新填寫”。7/15/202339網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第39頁。3.文字輸入和密碼輸入

格式：<inputtype=*value="#"size=n1maxlength=n2>

*：為text(文字輸入)或password(密碼輸入)。

#：為文本的初始值。

n1：文本框的長度。

n2：文本框的最大長度。7/15/202340網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第40頁。舉例：

<html><head><title>提交、復(fù)位按鈕和文字密碼輸入</title></head><body><table>

請?zhí)钊肽嚓P(guān)的資料：

<formaction=getinfo.aspmethed=POST><tr><td>姓名：</td><td><inputtype=textname=姓名size=10></td></tr><tr><td>電子郵件地址：</td><td><inputtype=textname=電郵maxlength=15></td></tr><tr><td>主頁網(wǎng)址：</td><td><inputtype=textname=網(wǎng)址value=http://></td></tr><tr><td>密碼：</td><td><inputtype=passwordname=密碼><br></td></tr><tr><td><inputtype=submitvalue="提交表單"></td><td><inputtype=resetvalue="重新填寫"></td></tr></form></table></body></html>演示7/15/202341網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第41頁。4.單選按鈕和復(fù)選框

(1)單選按鈕

格式1：<inputtype=radiovalue="#">

格式2：

<inputtype=radiocheckedvalue="#">value：當(dāng)該項被選中并提交后，瀏覽器要傳送給服務(wù)器的數(shù)據(jù)，該屬性是不可缺省的。

checked：初始狀態(tài)被選中，用于指定默認值。

(2)復(fù)選框

格式1：<inputtype=“checkbox”value="#">

格式2：

<inputtype=“checkbox”checkedvalue="#“>value屬性與checked屬性同單選按鈕。復(fù)選框使用戶可以同時選中表單的一個或幾個復(fù)選項作為輸入信息。7/15/202342網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第42頁。舉例：<html><head><title>單選按鈕與復(fù)選框</title></head><body><formaction="reg1.asp"method=POST>選擇一種你喜愛的水果:<br><inputtype=radioname=水果value="香蕉">香蕉<br><inputtype=radioname=水果checkedvalue="草莓">草莓<br><inputtype=radioname=水果value="橘子">橘子<br>選擇你所喜愛的運動:<br><inputtype="checkbox"name=ra1checkedvalue="足球">足球<br><inputtype="checkbox"name=ra2checkedvalue="籃球">籃球<br><inputtype="checkbox"name=ra3value="排球">排球<br><inputtype=submitvalue="提交"><inputtype=resetvalue="重設(shè)"></form></body></html>演示7/15/202343網(wǎng)頁設(shè)計—HTML分析全文共50頁，當(dāng)前為第43頁。6.5嵌入圖片、聲音和視頻圖像1.嵌入圖片

格式：<imgsrc="#">#：圖片的URL，可用相對路徑和絕對路徑表示。

屬性：

width：設(shè)定圖片的顯示寬

人人文庫> 全部分類> 行業(yè)資料 > 信息產(chǎn)業(yè)

溫馨提示

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

網(wǎng)頁設(shè)計-HTML分析

文檔簡介

溫馨提示

最新文檔

評論

網(wǎng)頁設(shè)計-HTML分析

文檔簡介

溫馨提示

最新文檔

評論

相關(guān)文檔