《電子商務網(wǎng)站建設與管理》圖文課件第三章_第1頁
《電子商務網(wǎng)站建設與管理》圖文課件第三章_第2頁
《電子商務網(wǎng)站建設與管理》圖文課件第三章_第3頁
《電子商務網(wǎng)站建設與管理》圖文課件第三章_第4頁
《電子商務網(wǎng)站建設與管理》圖文課件第三章_第5頁
已閱讀5頁，還剩72頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

第三章HTML網(wǎng)頁設計基礎(chǔ)第一節(jié)HTML簡介一、電子商務的概念HTML是一種結(jié)構(gòu)化的網(wǎng)頁內(nèi)容標記語言，使用各種不同的標簽符號來分別標識和設定不同的網(wǎng)頁元素。每一個網(wǎng)頁元素通常都由開始標簽、結(jié)束標簽以及夾在這兩個標簽中的內(nèi)容組成。每個HTML元素的開始標簽和結(jié)束標簽的名稱相同，并且都用一對尖括號“<>”括起來，只是在結(jié)束標簽的前面多了一個斜杠符號“/”。例如：<center>這部分內(nèi)容居中顯示</center>第一節(jié)HTML簡介一、電子商務的概念表示將網(wǎng)頁中的文字居中顯示。其中，<center>為開始標簽，</center>為結(jié)束標簽，“這部分內(nèi)容居中顯示”為該元素的內(nèi)容。當瀏覽器在顯示該網(wǎng)頁的過程中，如果遇到center元素，就將該元素的內(nèi)容居中顯示在瀏覽器的窗口中。并不是所有的網(wǎng)頁標簽都是如上例中那樣成對出現(xiàn)的。有開始標簽且一定有結(jié)束標簽的標簽叫雙邊標簽，而有開始標簽不需要結(jié)束標簽的標簽稱為單邊標簽。例如，<br>就是一個單邊標簽。另外，還有一些網(wǎng)頁元素的結(jié)束標簽可以自由取舍，如段落標簽<p>、選項標簽<option>等。第一節(jié)HTML簡介一、電子商務的概念許多元素的開始標簽中還允許加入若干屬性，用于進一步對該元素的特征進行說明或限定。通常用“屬性名稱=屬性值”的方式來設定元素的屬性，屬性值可以用雙引號引起來，也可以省略。例如，“<palign="left">”和“<palign=left>”效果相同，但如果屬性值內(nèi)有空格或特殊字符，則其兩端雙引號就不可以省略。此外，在一個元素的開始標簽中各個屬性設置的先后順序是任意的。綜上所述，一個HTML元素可表示為：<標簽名稱屬性名稱1=屬性值1屬性名稱2=屬性值2…>內(nèi)容</標簽名稱>第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)任意打開一個網(wǎng)頁，查看它的源代碼，就可以看到這個網(wǎng)頁的HTML代碼。無論該網(wǎng)頁如何復雜，都是由最基本的HTML結(jié)構(gòu)組成的。以下是HTML的基本結(jié)構(gòu)?！纠?-1】HTML文檔的基本結(jié)構(gòu)，效果如圖31所示。<html><head>第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)<title>網(wǎng)頁標題</title></head><body>這是顯示在瀏覽器中的主要內(nèi)容！</body>第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)</html><html>…</html>用于指出HTML文檔的開始與結(jié)束，標簽中的內(nèi)容是HTML文檔的主體元素。<html>…</html>中的內(nèi)容只能有<head>、<body>、<frameset>3種下屬的一級元素，但其中的<body>與<frameset>元素是不能共存的。第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)這就是說，在<html>…</html>中最多只能有兩個下屬一級元素，其他的元素都包含在這兩個元素之中。<head>標簽通常用于提供一些識別或補充的信息給瀏覽器，而瀏覽器不會把這些信息顯示在網(wǎng)頁中。理論上，在<head>…</head>中至少必須包括<title>標簽元素，但在現(xiàn)實中并沒有嚴格限定。第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)<title>標簽用于指定瀏覽器所要顯示的標題文字，原則上不能省略，因為它還有其他用途，如作為網(wǎng)頁的標簽或搜索引擎搜索時的索引等。<body>…</body>用于顯示網(wǎng)頁的主要內(nèi)容，其中可以包含多種不同的元素。與之相關(guān)的各種元素將在下一節(jié)中詳細說明。第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)下面是關(guān)于書寫HTML文檔的幾點說明。（1）HTML文檔的內(nèi)容不區(qū)分字母大小寫，包括屬性和標簽名稱等。（2）對于連續(xù)的空格、Tab鍵和Enter鍵，瀏覽器只會將其當成一個空格，除非置于預排版標簽<pre>中。第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)（3）在一個元素的開始標簽中，元素名稱及各個屬性名稱之間應該以空格、Tab鍵或Enter鍵隔開，因此某個元素的開始標簽可能會跨越數(shù)行，而瀏覽器只認定“<”和“>”記號。（4）含有空格或特殊符號的屬性值需要用半角雙引號引起來。第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)（5）在HTML中采用“<!--”和“-->”進行注釋，在該注釋標簽中的內(nèi)容將不被處理和顯示。（6）對于HTML文檔中的錯誤元素及其屬性，瀏覽器將會跳過而不予理會。第二節(jié)HTML的結(jié)構(gòu)一、網(wǎng)頁基本結(jié)構(gòu)（7）各元素之間可以嵌套，但不能交錯。例如：<center><table>…</table></center>是正確的。<center><table>…</center></table>是錯誤的。（8）HTML文檔是一個純文本文件，可用任何文本編輯工具（如Windows中的記事本）來創(chuàng)建和編輯，其擴展名為.htm或.html。第二節(jié)HTML的結(jié)構(gòu)二、<head>標簽<head>標簽主要用于包括該頁面的一些基本描述語句。其語法格式如下：<head><metaname=名稱content=內(nèi)容><metahttpequiv=動態(tài)控制類型content=動態(tài)控制內(nèi)容><title>網(wǎng)頁標題</title></head>第二節(jié)HTML的結(jié)構(gòu)二、<head>標簽其中各項的含義如下：（1）<meta>標簽又稱為元標簽，主要功能是對網(wǎng)頁進行定義和說明。（2）描述型標簽<meta>主要負責對網(wǎng)頁的重要內(nèi)容進行定義說明，從而方便搜索引擎的檢索，通常不會在網(wǎng)頁中顯示。其語法格式為<metaname=名稱content=內(nèi)容>其中，name屬性用于對網(wǎng)頁中的重要內(nèi)容進行說明，其屬性值主要有description（對當前網(wǎng)頁的描述）、keyword（網(wǎng)頁關(guān)鍵詞）、author（網(wǎng)頁作者）等。content屬性用于設置與name屬性值對應的內(nèi)容。第二節(jié)HTML的結(jié)構(gòu)二、<head>標簽（3）動態(tài)控制型標簽<meta>主要對網(wǎng)頁的動態(tài)排列和動態(tài)鏈接進行控制。其語法格式為<metahttpequiv=動態(tài)控制類型content=動態(tài)控制內(nèi)容>其中，httpequiv屬性用于設置動態(tài)控制的類型，其屬性值主要有兩個：contenttype（動態(tài)排列）、refresh（動態(tài)鏈接）。content屬性用于對httpequiv屬性值進行詳細描述。第二節(jié)HTML的結(jié)構(gòu)二、<head>標簽【例3-2】<head>標簽的基本結(jié)構(gòu)實例。<html><head><metaname="description"content="HTML文檔中的head頭元素"><metaname="keywords"content="head,meta"><metaname="author"content="無名"><metahttpequiv="contenttype"content="text/html;charset=gb2312">第二節(jié)HTML的結(jié)構(gòu)二、<head>標簽<metahttpequiv="refresh"content="3;url="><title><head>標簽實例</title></head><body>請注意元標簽的使用</body></html>第二節(jié)HTML的結(jié)構(gòu)二、<head>標簽【例3-2】代碼運行效果<metahttpequiv="contenttype"content="text/html;charset=gb2312">表示當瀏覽器窗口大小改變時，文字的排版也會隨著窗口大小的改變而改變，以便讓文字都顯示在窗口中。其中，“text/html”表示當前文件為MIME類型中的text主類型下的html子類型，“charset＝gb2312”表示當前文檔的字符編碼為國標2312，即支持簡體中文。第二節(jié)HTML的結(jié)構(gòu)二、<head>標簽說明：MIME即多功能Internet郵件擴充服務，它是一種多用途網(wǎng)際郵件擴充協(xié)議，在1992年最早應用于電子郵件系統(tǒng)，但后來也應用到瀏覽器。服務器將MIME類型放入傳送的數(shù)據(jù)中來告訴瀏覽器使用哪種插件讀取相關(guān)文件，如設置為application/msword，則瀏覽器將調(diào)用Word來打開相關(guān)的數(shù)據(jù)文件。<metahttpequiv="refresh"content="3;url=">表示網(wǎng)頁將動態(tài)刷新，其刷新時間設置為3s，刷新后的鏈接URL為，即3s后，該網(wǎng)頁將自動跳轉(zhuǎn)到新浪的首頁。第二節(jié)HTML的結(jié)構(gòu)三、<body>標簽<body>標簽用于設置網(wǎng)頁的基本樣式。其語法格式如下：<bodybgcolor=背景顏色background=背景圖像URLtext=字體顏色link=鏈接顏色vlink=已訪問鏈接顏色alink=激活鏈接顏色>其中，各屬性的含義如下：（1）bgcolor屬性設置網(wǎng)頁背景顏色。（2）background屬性設置網(wǎng)頁的背景圖像。第二節(jié)HTML的結(jié)構(gòu)三、<body>標簽（3）text屬性設置網(wǎng)頁文字顏色。（4）link屬性設置未訪問的超鏈接文字顏色。（5）vlink屬性設置已訪問過的超鏈接文字顏色。（6）alink屬性設置超鏈接被激活時的顏色，即單擊鏈接的瞬間鏈接文字的顏色。第二節(jié)HTML的結(jié)構(gòu)三、<body>標簽【例3-3】<body>標簽的使用實例。<html><head><title><body>標簽實例</title></head><bodybgcolor="silver"text="blue"link="red"vlink="lime"alink="navy">第二節(jié)HTML的結(jié)構(gòu)三、<body>標簽背景顏色:silver<br>文字顏色:blue<br>鏈接顏色:red<br>已訪問鏈接顏色:lime<br>激活鏈接顏色:navy<br><ahref="">新浪</a></body></html>第三節(jié)HTML的主要標簽一、段落標簽（一）標題標簽標題標簽的語法格式如下：<hxalign=對齊方式>標題內(nèi)容</hx>hx中的x表示標題級別，分為h1、h2、h3、h4、h5和h6，其中h1表示一級標題，以此類推。x的數(shù)值越小，字體越大。第三節(jié)HTML的主要標簽一、段落標簽（一）標題標簽align屬性用于設置標題對齊方式，可供選擇的屬性值有3個：left（左對齊）、center（居中對齊）、right（右對齊）。默認為left。<hx>標簽所表示的標題在網(wǎng)頁中均獨占一行。第三節(jié)HTML的主要標簽一、段落標簽（二）分段標簽分段標簽的語法格式如下：<palign=對齊方式>段落文字</p><p>…</p>中的文字將另起一行輸出，而且將在兩個段落之間產(chǎn)生一個空行。align屬性用于設置段落的對齊方式，可供選擇的屬性值有3個：left（左對齊）、center（居中對齊）、right（右對齊）。默認為left。分段結(jié)束標簽</p>可以省略。第三節(jié)HTML的主要標簽一、段落標簽（三）換行標簽換行標簽<br>用于強制中斷當前文字行而從下一行開始顯示，且在斷行之間不產(chǎn)生空行（這與<p>標簽不同）。<br>標簽通常放在一行的末尾，其語法格式如下：文字<br>第三節(jié)HTML的主要標簽一、段落標簽（四）水平線標簽水平線標簽<hr>用于顯示一條水平線。其語法格式如下：<hrsize=線條粗細align=對齊方式width=線條長度color=線條顏色>其中各屬性的含義如下：（1）size屬性用于設置水平線的粗細，以像素為單位，默認值為2。第三節(jié)HTML的主要標簽一、段落標簽（四）水平線標簽（2）align屬性用于設置水平線的對齊方式，屬性值有l(wèi)eft、center、right，默認為left。（3）width屬性用于設置水平線的長度。其表示方式有兩種：第一種為絕對數(shù)值，單位為像素，即水平線的長度是一個固定值；第二種為百分比，表示水平線相對于瀏覽器窗口的寬度的比例，當窗口的寬度改變時，此水平線的寬度會自動改變。第三節(jié)HTML的主要標簽一、段落標簽（四）水平線標簽若沒有設置寬度，則該水平線將橫穿整個瀏覽器窗口（即默認為width="100%"）。（4）color屬性用于設置水平線的顏色，默認為黑色。第三節(jié)HTML的主要標簽一、段落標簽（五）文本塊標簽文本塊標簽<blockquote>…</blockquote>用于使其包括的文本自成一段，且以縮排方式顯示。其語法格式如下：<blockquote>文字</blockquote>【例3-4】段落標簽綜合實例，效果如圖34所示。<html><head>第三節(jié)HTML的主要標簽一、段落標簽（五）文本塊標簽<title>段落標簽綜合實例</title></head><body><h1align=center>HTML段落標簽介紹</h1><hr><center>第三節(jié)HTML的主要標簽一、段落標簽（五）文本塊標簽HTML文檔中采用不同的標簽來標識相應的HTML元素<br>這些標簽包括段落、字體、列表、表格、表單等幾大類。</center><hr><h3>段落標簽</h3>第三節(jié)HTML的主要標簽一、段落標簽（五）文本塊標簽<blockquote>段落標簽主要包括標題標簽、分段標簽、換行標簽、水平線標簽和文本塊標簽等幾類。</blockquote></body></html>第三節(jié)HTML的主要標簽二、文字格式標簽字體標簽字體標簽<font>可用于設置文本的字體、字形、字號和字符顏色等，是HTML文檔中常用的標簽。其語法格式如下：<fontsize=字體大小face=字體名稱color=字體顏色>文字</font>其中各屬性的含義如下：（1）size屬性用于設置字號，即文字的大小，取值范圍為1~7，共7級字體，字級越大，文字越大。（一）第三節(jié)HTML的主要標簽二、文字格式標簽（2）face屬性用于設置字體名稱。雙擊“控制面板”中的“字體”選項，能看到可以引用字體的名稱，這些字體的名稱都可以給face屬性賦值。字體標簽（一）第三節(jié)HTML的主要標簽二、文字格式標簽（3）color屬性用于設置文字顏色。color屬性的顏色值可以用英文的顏色名稱來表示，如red、green、blue等，也可以使用“#RRGGBB”的方式來表示，其中R代表紅色、G代表綠色、B代表藍色，RR、GG、BB的取值范圍為十六進制數(shù)的00~FF（相當于十進制的0~255）。字體標簽（一）第三節(jié)HTML的主要標簽二、文字格式標簽文字效果標簽1.粗體標簽2.斜體標簽3.下劃線標簽4.刪除線標簽5.上標標簽6.下標標簽7.文字閃爍標簽（二）第三節(jié)HTML的主要標簽二、文字格式標簽特殊字符標簽在HTML文檔中，因為“<”、“>”、“"”、“&”等字符具有特殊意義，所以如果要在瀏覽器中顯示這些字符本身就需要使用特殊的字符串。另外，由于HTML文檔中多個空格、Tab鍵和Enter鍵均只能解釋為一個空格，因此要表示多個空格也要用到特殊的字符串。（三）第三節(jié)HTML的主要標簽三、列表標簽無序列表標簽無序列表標簽<ul>…</ul>用于創(chuàng)建一個無序列表，其語法格式如下：<ultype=項目符號類型><litype=項目符號類型>列表項1<litype=項目符號類型>列表項2（一）第三節(jié)HTML的主要標簽三、列表標簽……<litype=項目符號類型>列表項n</ul>其中各屬性的含義如下：無序列表標簽（一）第三節(jié)HTML的主要標簽三、列表標簽（1）type屬性用于指定該列表中的每一個列表項的項目符號，type屬性的值可以是square（■）、circle（○）和disk（●）等。（2）<li>標簽表示列表中的列表項，type屬性用于指定該列表項的項目符號。無序列表標簽（一）第三節(jié)HTML的主要標簽三、列表標簽有序列表標簽有序列表標簽<ol>…</ol>用于創(chuàng)建有序列表，其語法格式如下：<oltype=序號類型start=起始序號><litype=序號類型>列表項1<litype=序號類型>列表項2……（二）第三節(jié)HTML的主要標簽三、列表標簽<litype=序號類型>列表項n</ol>其中各屬性的含義如下：（1）<ol>標簽表示有序列表，其中，type屬性用于指定列表中每一個列表項的序號類型，允許的屬性值有“1”、“A”、“a”、“Ⅰ”、“ⅰ”5種。有序列表標簽（二）第三節(jié)HTML的主要標簽三、列表標簽其中，“1”表示用數(shù)字做序號，“A”表示用大寫英文字母做序號，“a”表示用小寫英文字母做序號，“Ⅰ”表示用大寫羅馬數(shù)字做序號，“ⅰ”表示用小寫羅馬數(shù)字做序號。（2）<li>標簽表示列表中的列表項，其中，type屬性用于指定該列表項的序號類型。（3）start屬性用于設置序號的開始值，不管采用哪種列表序號，start屬性的值統(tǒng)一用數(shù)字形式來設置起始序號。有序列表標簽（二）第三節(jié)HTML的主要標簽四、圖像標簽使用圖像標簽<img>可將指定的圖像添加到網(wǎng)頁中。圖像標簽的語法格式如下：<imgsrc=圖像文件URLborder=圖像邊框粗細align=對齊方式alt=圖像說明文字height=圖像高度width=圖像寬度hspace=水平空白vspace=垂直空白>其中各屬性的含義如下：第三節(jié)HTML的主要標簽四、圖像標簽（1）src屬性的值為圖像文件的URL，可以是本地文件，也可以是互聯(lián)網(wǎng)上的文件。（2）border屬性用于設置圖像邊框的寬度，單位為像素。（3）align屬性用于設置圖像的對齊方式，可選值為left、center、right，默認為left。（4）alt屬性用于設置圖像的說明性文字（也可以使用title屬性來實現(xiàn)同樣功能）。第三節(jié)HTML的主要標簽四、圖像標簽（5）height、width分別用于設置圖像的高度和寬度，可以用絕對數(shù)值表示，單位為像素，也可以使用百分比來設置，以瀏覽器窗口作為參照對象。通常使用前者，因為使用百分比顯示圖像會造成圖像失真。（6）hspace、vspace分別用于設置圖像與瀏覽器內(nèi)容窗口的左邊距和上邊距，采用絕對數(shù)值表示，單位為像素。第三節(jié)HTML的主要標簽五、超鏈接標簽HTML與文本最大的區(qū)別在于鏈接。由此可見超鏈接標簽<a>…</a>是HTML文檔中一個十分重要的標簽，使用它可鏈接到文檔內(nèi)的某個指定段落或圖像，也可以鏈接到本地或遠程計算機上的另一個文檔或Web頁?！纠?-7】代碼運行效果超鏈接標簽的語法格式如下：第三節(jié)HTML的主要標簽五、超鏈接標簽<ahref=URL>用做鏈接的文字或圖像</a>用做鏈接的文字在瀏覽器中通常以一種特殊顏色并帶下劃線的方式顯示，當鼠標指針指向超鏈接對象時會變成手形，表示此為一個鏈接。href屬性用于指定此超鏈接被觸發(fā)之后所轉(zhuǎn)向的URL。第三節(jié)HTML的主要標簽六、表格標簽表格在網(wǎng)頁中是很重要的，它除了組織和顯示數(shù)據(jù)之外，還具有布局頁面的作用。表格可以將文本和圖像等元素按行、列排列，實現(xiàn)網(wǎng)頁的布局要求。表格標簽<table>…</table>的語法格式如下：<tablealign=對齊方式border=邊框粗細bordercolor=邊框顏色bgcolor=背景顏色width=表格寬度height=表格高度cellspacing=單元格間距第三節(jié)HTML的主要標簽六、表格標簽cellpadding=單元格內(nèi)數(shù)據(jù)與邊框間距><tr><th>標題1</th><th>標題2</th>…</tr><tr><td>單元格1</td><td>單元格2</td>…</tr>……</table>第三節(jié)HTML的主要標簽六、表格標簽<table>和</table>標簽分別用于定義一個表格的開始和結(jié)束，<table>標簽可以包含多個屬性，其中，align屬性用于定義表格在瀏覽器中的對齊方式，可選值為left、center、right，默認為left;border屬性用于定義表格邊框的粗細，單位為像素；bordercolor屬性用于定義邊框的顏色；bgcolor屬性用于定義單元格的背景顏色；第三節(jié)HTML的主要標簽六、表格標簽width屬性用于定義表格的寬度，可以為像素值也可以為屏幕寬度的百分比值；height屬性用于定義表格的高度；cellspacing屬性用于定義各個單元格的間距，單位為像素（默認為2）；cellpadding屬性用于定義單元格內(nèi)數(shù)據(jù)內(nèi)容與邊框的間距，單位為像素（默認為1）。第三節(jié)HTML的主要標簽六、表格標簽<tr>…</tr>標簽用于定義一個表格行的開始和結(jié)束，在一個表格中有幾個<tr>標簽就有幾個表格行。<th>…</th>標簽用于定義表格標題行的各個單元格。其中的文字內(nèi)容以加粗且居中的方式顯示，也可以使用align屬性來設置對齊方式。此外，還可以通過width屬性來指定單元格的寬度。第三節(jié)HTML的主要標簽六、表格標簽<td>…</td>標簽用于定義表格內(nèi)數(shù)據(jù)行的各個單元格。其內(nèi)容默認左對齊，不使用粗體。可以使用align屬性來設置橫向?qū)R方式，其可選值為left、center、right。此外，還可以通過valign屬性來設置縱向?qū)R方式，其可選值為top（頂端對齊）、middle（縱向居中）、bottom（底端對齊）。第三節(jié)HTML的主要標簽六、表格標簽如果涉及單元格合并，可在<td>或<th>標簽中使用colspan屬性來設置縱向單元格合并，使用rowspan屬性來設置水平單元格合并，其屬性值均為數(shù)值，表示要合并多少個單元格。第三節(jié)HTML的主要標簽七、表單元素標簽（一）表單標簽使用表單標簽<form>…</form>創(chuàng)建表單的語法格式如下：<formmethod=信息傳送方式action=被激活程序>表單元素標簽</form>第三節(jié)HTML的主要標簽七、表單元素標簽（一）表單標簽method屬性用于設置信息的傳送方式，屬性值可為post或get。post方式是一種郵寄的方式，在瀏覽器的地址欄中不顯示提交的信息，這種方式對傳送的數(shù)據(jù)量的大小沒有限制；get方式將信息傳遞到瀏覽器的地址欄上（對于安全性要求較高的內(nèi)容，如密碼，不應該采用這種方式），最大傳輸?shù)男畔⒘渴?KB。當不指明是哪種方式時，默認為get方式。第三節(jié)HTML的主要標簽七、表單元素標簽（二）輸入標簽輸入標簽<input>是表單中最常用的標簽之一，用于創(chuàng)建提交與重置按鈕、文本框和密碼框、單選按鈕和復選框等表單控件。<input>是單邊標簽，沒有對應的結(jié)束標簽。<input>標簽的type屬性用于設置表單元素的類型，value屬性用于設置表單元素上顯示的文字。第三節(jié)HTML的主要標簽七、表單元素標簽（二）輸入標簽1.提交與重置按鈕2.文本框和密碼框3.單選按鈕和復選框4.隱藏框標簽第三節(jié)HTML的主要標簽七、表單元素標簽（三）下拉列表框標簽下拉列表框用于通過下拉列表的形式將一組選項提供給用戶，以實現(xiàn)單選或多選的效果。下拉列表框標簽<select>…</select>的語法格式如下：<selectname=控件名稱size=同時顯示的選項個數(shù)><optionvalue=選項值1>選項標簽1<optionvalue=選項值2>選項標簽2第三節(jié)HTML的主要標簽七、表單元素標簽（三）下拉列表框標簽……</select>（1）name屬性用于設置控件名稱。（2）size屬性用于設置下拉列表框中同時顯示的選項個數(shù)，默認屬性值為1。如果允許用戶在此列表框中選取多個選項，則可以通過增加multiple屬性來實現(xiàn)。第三節(jié)HTML的主要標簽七、表單元素標簽（三）下拉列表框標簽（3）<option>標簽用于定義下拉列表框中的一個具體選項，value屬性用于設置該選項所對應的值。<option>標簽之后的選項標簽僅僅是對該選項進行的說明，沒有其他意義。此外，在<option>標簽中允許有selected參數(shù)，用于表明該選項已被預先選中。第三節(jié)HTML的主要標簽七、表單元素標簽（四）文本域標簽文本域用于輸入較長的文本信息。文本域類似于文本框，二者的區(qū)別在于文本域允許輸入多行數(shù)據(jù)。創(chuàng)建文本域的語法格式如下：<textareaname=文本域名稱rows=行數(shù)cols=列數(shù)>文本域內(nèi)容</textarea>第三節(jié)HTML的主要標簽七、表單元素標簽（四）文本域標簽rows屬性用于設置可以同時顯示在表單域中的文字行數(shù)，cols屬性用于設置可以同時顯示在表單域中的文字列數(shù)。第三節(jié)HTML的主要

溫馨提示

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

評論

0/150

提交評論