動態(tài)網(wǎng)頁的設(shè)計課件HTML語言基礎(chǔ)_第1頁
動態(tài)網(wǎng)頁的設(shè)計課件HTML語言基礎(chǔ)_第2頁
動態(tài)網(wǎng)頁的設(shè)計課件HTML語言基礎(chǔ)_第3頁
動態(tài)網(wǎng)頁的設(shè)計課件HTML語言基礎(chǔ)_第4頁
動態(tài)網(wǎng)頁的設(shè)計課件HTML語言基礎(chǔ)_第5頁
已閱讀5頁，還剩41頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

主編張德芬

副主編鄧之宏中國水利水電出版社第3章HTML語言基礎(chǔ)第3章HTML語言基礎(chǔ)3.4任務(wù)實現(xiàn)3.3

靜態(tài)網(wǎng)頁基礎(chǔ)3.2

HTML語言3.1任務(wù)概述3.5任務(wù)實現(xiàn)ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/163動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）本章要點HTML語言的基本概念靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)別HTML的文件結(jié)構(gòu)HTML中的主要標(biāo)記

ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/164動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.1任務(wù)概述：設(shè)計乘法表靜態(tài)頁面和用戶注冊靜態(tài)頁面HTML是網(wǎng)頁設(shè)計的基礎(chǔ)，本章將介紹HTML文件的結(jié)構(gòu)和常用HTML標(biāo)簽的使用方法。通過本章的學(xué)習(xí)，我們將完成兩個靜態(tài)頁面的設(shè)計：乘法表頁面和用戶注冊頁面。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/165動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.1靜態(tài)頁面和動態(tài)頁面1、靜態(tài)網(wǎng)頁（1）概況：純粹HTML格式的網(wǎng)頁，也就是以.htm、.html、.shtml、.xml等為后綴的。在HTML格式的網(wǎng)頁上，也可以出現(xiàn)各種動態(tài)的效果，如.GIF格式的動畫、FLASH、滾動字幕等，這些“動態(tài)效果”只是視覺上的，存在這些“動態(tài)效果”的HTML頁面，仍然是靜態(tài)網(wǎng)頁。（2）特點：①靜態(tài)網(wǎng)頁是事先編寫好的。每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上不變的；②靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索；③靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護(hù)方面工作量較大；④靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/166動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.1靜態(tài)頁面和動態(tài)頁面2、動態(tài)網(wǎng)頁（1）概況：動態(tài)網(wǎng)頁不僅具有HTML標(biāo)記，而且含有程序代碼，用數(shù)據(jù)庫連接的網(wǎng)頁。常見的動態(tài)網(wǎng)頁是以.asp、.aspx、.jsp、.php等形式為后綴。（2）特點：①動態(tài)網(wǎng)頁的頁面內(nèi)容是在服務(wù)器上運行后生成的，不是事先編寫好的；②動態(tài)網(wǎng)頁常常以數(shù)據(jù)庫技術(shù)為基礎(chǔ)；③動態(tài)網(wǎng)頁的交互性較好，采用動態(tài)網(wǎng)頁技術(shù)的網(wǎng)站可以實現(xiàn)更多的功能，如用戶注冊、用戶登錄。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/167動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.2標(biāo)記1、標(biāo)記的概念標(biāo)記是HTML中用于描述功能的符號。如“<Html>”、“<Body>”、“<Table>”等。標(biāo)記常由起始標(biāo)記和結(jié)束標(biāo)記組成，如<Html>........</Html>。起始標(biāo)記一般必須和結(jié)束標(biāo)記配對使用。有些標(biāo)記可以省略結(jié)束標(biāo)記如：<Br>、<Img>、<Input>等標(biāo)記可以嵌套。例：<Div><Span>這是不正確的代碼</Span></Div>標(biāo)記的大小寫作用相同。標(biāo)記在使用中必須用一對尖括號“<>”括起來，而且標(biāo)記名與小于號之間不能留有空白字符。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/168動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.2標(biāo)記2、標(biāo)記的屬性在開始標(biāo)記中，往往用一些屬性進(jìn)一步描述標(biāo)記的功能。如：段落標(biāo)記<P>，它的語法格式是：<palign="left|center|right"class="type">上面的代碼說明<P>標(biāo)記有兩個屬性，即“align”和“class”，其中“align”用于定義段落的位置是靠左、靠右還是居中。默認(rèn)值是靠左。而“class”則是定義所屬的類型。在實際應(yīng)用時當(dāng)然可以沒有“align”和“class”參數(shù)，而是按照默認(rèn)情況顯示。HTML中標(biāo)記的屬性值加或不加西文引號，瀏覽器都能接受。在Dreamweaver中自動生成的HTML代碼中，屬性值都是有引號的。本書采用有引號的寫法。如以下語句使段落內(nèi)容居中：<palign="center">段落內(nèi)容居中示例</p>2023/10/169動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.2標(biāo)記3、常見的HTML標(biāo)記（1）<html>...</html>標(biāo)記一個HTML文件，無論是簡單的還是復(fù)雜的，都是以<html>開頭，以</html>結(jié)尾。2023/10/1610動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.2標(biāo)記3、常見的HTML標(biāo)記（2）<head>...</head>標(biāo)記<head>和</head>構(gòu)成了HTML文件的開頭部分，在此標(biāo)記對之間可以使用<title>...</title>、<script>...</SCRIPT>等標(biāo)記對，描述網(wǎng)頁標(biāo)題或者其他不在網(wǎng)頁上顯示的某些信息。2023/10/1611動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.2標(biāo)記3、常見的HTML標(biāo)記（3）<title>...</title>標(biāo)記<title>標(biāo)記用于設(shè)置瀏覽器窗口標(biāo)題欄中纖細(xì)的文本信息，這些信息一般是網(wǎng)頁主題。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1612動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.2標(biāo)記3、常見的HTML標(biāo)記（4）<body>...</body>標(biāo)記<body></body>是HTML文件的主題部分，之間可以定義多種標(biāo)記。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1613動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.2標(biāo)記3、常見的HTML標(biāo)記（5）<!--注釋內(nèi)容--><!--標(biāo)記表示注釋的開始，-->標(biāo)記表示注釋的結(jié)束。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1614動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.2HTML語言3.2.3文件結(jié)構(gòu)例3-1（3-1.html）HTML文件的基本結(jié)構(gòu)。例3-1

代碼窗口

2023/10/1615動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1網(wǎng)頁中的字體1、字型標(biāo)記字型是指文本的加粗、傾斜、下劃線、上標(biāo)和下標(biāo)等風(fēng)格。<B>.........</B>粗體標(biāo)記<I>........</I>斜體標(biāo)記<U>........</U>下劃線標(biāo)記<SUP>....</SUP>下標(biāo)標(biāo)記<SUB>........</SUB>上標(biāo)標(biāo)記ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1616動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1網(wǎng)頁中的字體1、字型標(biāo)記例3-2（3-2.html）HTML文件中的字型標(biāo)記。例3-2代碼瀏覽器中預(yù)覽例3-2的運行結(jié)果2023/10/1617動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1網(wǎng)頁中的字體2、標(biāo)題標(biāo)記標(biāo)題標(biāo)記可以把文字作為標(biāo)題顯示在網(wǎng)頁上，文字以粗體顯示，文字前后各加一個空行。共有6級標(biāo)題，由<H1>至<H6>，對應(yīng)標(biāo)題文字逐漸變小。<H1>（一級標(biāo)題）顯示最大，<H6>（6級標(biāo)題）顯示最小。2023/10/1618動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1網(wǎng)頁中的字體2、標(biāo)題標(biāo)記例3-3（3-3.html）HTML文件中的標(biāo)題標(biāo)記。例3-3代碼瀏覽器中預(yù)覽例3-3的運行結(jié)果2023/10/1619動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1網(wǎng)頁中的字體3、字體標(biāo)記<Font><Font>標(biāo)記是處理字體的主要標(biāo)記，用于設(shè)置文本的顏色、字體和字號。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1620動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1網(wǎng)頁中的字體3、字體標(biāo)記<Font>例3-4（3-4.html）HTML文件中的標(biāo)題標(biāo)記。例3-4代碼瀏覽器中預(yù)覽例3-4的運行結(jié)果2023/10/1621動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2網(wǎng)頁的排版1、段落標(biāo)記<P><P>用于分段，并且在前段與后段之間留一空白行。段落標(biāo)記<P>可以不需要結(jié)束標(biāo)記</P>。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1622動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2網(wǎng)頁的排版2、換行標(biāo)記<BR><BR>用于換行。與段落標(biāo)記<P>的區(qū)別在于，<BR>不會產(chǎn)生空行。段落標(biāo)記<BR>也可以不需要結(jié)束標(biāo)記</BR>。ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1623動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2網(wǎng)頁的排版3、水平線標(biāo)記<HR><HR>標(biāo)記在網(wǎng)頁上插入一條水平線，同時產(chǎn)生了分段。水平線標(biāo)記<HR>可以不需要結(jié)束標(biāo)記</HR>。2023/10/1624動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2網(wǎng)頁的排版4、居中標(biāo)記<CENTER>…</CENTER><CENTER>標(biāo)記用于居中排版，與屬性ALIGN="CENTER"的作用相當(dāng)。<CENTER>標(biāo)記需要配對使用。2023/10/1625動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2網(wǎng)頁的排版例3-5（3-5.html）HTML網(wǎng)頁的排版。例3-5代碼瀏覽器中預(yù)覽例3-5的運行結(jié)果2023/10/1626動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.3列表1、無序列表<UL>無序列表使用的一對標(biāo)記是<ul></ul>，無序列表指沒有進(jìn)行編號的列表，每一個列表項前使用<LI>。<LI>的屬性type有三個選項，這三個選項都必須小寫：disc實心園circle空心園square小方塊2023/10/1627動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.3列表2、有序列表<OL>有序列表使用標(biāo)記<ol></ol>，每一個列表項前使用<li>。<ol>列表的結(jié)果是帶有前后順序之分的編號。如果插入和刪除一個列表項，編號會自動調(diào)整。順序編號的設(shè)置是由<ol>的兩個屬性type和start來完成的。表3.1有序列表type的屬性Type類型描述Type=1表示列表項目用數(shù)字標(biāo)號（1,2,3...）Type=A表示列表項目用大寫字母標(biāo)號（A,B,C...）Type=a表示列表項目用小寫字母標(biāo)號（a,b,c...）Type=I表示列表項目用大寫羅馬數(shù)字標(biāo)號（Ⅰ,Ⅱ,Ⅲ...）Type=i表示列表項目用小寫羅馬數(shù)字標(biāo)號（i,ii,iii...）2023/10/1628動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.3列表2、有序列表<OL>例3-6（3-6.html）HTML網(wǎng)頁中的列表。例3-6代碼瀏覽器中預(yù)覽例3-6的運行結(jié)果ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1629動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.4表格表格標(biāo)記表3.2表格標(biāo)記標(biāo)簽描述<table>...</table>用于定義一個表格開始和結(jié)束<th>...</th>定義表頭單元格。表格中的文字將以粗體顯示，在表格中也可以不用此標(biāo)記，<th>標(biāo)記必須放在<tr>標(biāo)記內(nèi)<tr>...</tr>定義一行標(biāo)記，一組行標(biāo)記內(nèi)可以建立多組由<td>或<th>標(biāo)記所定義的單元格<td>...</td>定義單元格標(biāo)記，一組<td>標(biāo)記將將建立一個單元格，<td>標(biāo)記必須放在<tr>標(biāo)記內(nèi)ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1630動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.4表格例3-7（3-7.html）DWCS3中的表格制作。表格及其屬性面板2023/10/1631動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單1、<FORM>標(biāo)記（1）Action和Method屬性ACTION="url"設(shè)置一個接受和處理數(shù)據(jù)的程序，或URLMETHOD="#"設(shè)置提交數(shù)據(jù)的方法get或post。<formaction="chkUser.aspx"method="post">……</form>ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1632動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單2、文本框HTML的表單輸入域中有兩類文本框，一類是用于單行文輸入的普通文本框，type屬性的值為text，如：<inputtype="text"name="user">另一類是密碼框，type屬性的值為password，如：<inputtype="password"name="pswd">ort-zc/scnzflknzg0838mlj5sbjlight-ksjnxrttopbrightnesshd8gohd88gosj93oemgc189288hzp580yjoemoemdgxcdnpxskfjkoemdgzhongtezcyanjigzzg-nskskf-ztnsk-ztfag-ztzhongtezcntn-zt189286xcdnpxdgxcdndgxcpxxcwxpxxunchi-pxoemfy0759mzlczx188189287nizifnmynzfmynzfmynzgmynzgmynzgmljsgfmljnzf0838mlj2023/10/1633動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單3、單選按鈕單選按鈕用于在一組選項中只能選擇一項的場合，type屬性的值為radio。如：性別:<inputtype="radio"name="sex"value="0"checked>男<p><inputtype="radio"name="sex"value="1">女<p>2023/10/1634動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單4、復(fù)選框復(fù)選框用于在一組選項中可選擇一項或多項的場合，type屬性的值為checkBox，其余屬性值類似radio。如：請選擇你的愛好:<inputtype="checkbox"name="hobby"value="0">看電影<p><inputtype="checkbox"name="hobby"value="1">旅游<p><inputtype="checkbox"name="hobby"value="2"checked>運動<p>2023/10/1635動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單5、提交按鈕（submit）和重置按鈕（reset）<inputtype="submit"value="提交"><inputtype="reset"value="重置">2023/10/1636動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單6、下拉菜單下拉菜單，或稱下拉列表。標(biāo)記<SELECT>....</SELECT>定義一個下拉菜單。name設(shè)置下拉菜單的名字multiple布爾屬性，設(shè)定時下拉菜單可以多選，否則僅能選一條size設(shè)置帶滾動條的下拉菜單選擇欄中一次可見的列表項條數(shù)2023/10/1637動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單7、多行文本框網(wǎng)頁上經(jīng)常需要收集或顯示大段的文字，如用戶的意見、建議，HTML中提供了多行文本框<TEXTAREA>標(biāo)記，來實現(xiàn)多行文本內(nèi)容的處理。如：<textarearows="5"cols="30"name="idea">請在這里輸入你的意見</textarea>2023/10/1638動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）3.3靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5表單例3-8（3-8.html）DWCS3中的表單制作。學(xué)生學(xué)習(xí)情況調(diào)查表2023/10/1639動態(tài)網(wǎng)頁設(shè)計（

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論