第3章HTML語言簡介_第1頁
第3章HTML語言簡介_第2頁
第3章HTML語言簡介_第3頁
第3章HTML語言簡介_第4頁
第3章HTML語言簡介_第5頁
已閱讀5頁，還剩46頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第3章HTML語言簡介

本章要點(diǎn)

HTML語言簡要介紹HTML文本編輯編輯超鏈接網(wǎng)頁布局插入圖像及多媒體文件使用框架3.1HTML語言

盡管ASP.NET是服務(wù)器端技術(shù)，但是作為一個(gè)完整的網(wǎng)站常常離不開前端的瀏覽器，只有將網(wǎng)頁開發(fā)技術(shù)與后臺(tái)技術(shù)有機(jī)地結(jié)合才能構(gòu)建功能強(qiáng)大的網(wǎng)站。另外，ASP.NET也提供了網(wǎng)頁開發(fā)環(huán)境，在這個(gè)環(huán)境中我們完全能夠開發(fā)出生動(dòng)、美觀的網(wǎng)頁來。3.1.1HTML語言概述

HTML可以完成以下三方面的工作。定義在瀏覽器上的顯示格式。建立超鏈接。集成其它多媒體文件。HTML語言的特點(diǎn)如下。HTML不是程序語言，只是一種標(biāo)記語言、一種文本語言。它不同于我們平時(shí)所用的C++，Java之類編程語言，它實(shí)際上只是在一些對(duì)象（如文本、圖片、表格等）中加入各種各樣的標(biāo)記，從而使這些對(duì)象以這些標(biāo)記所定義的形式顯示出來。任何文本編輯器都可以編輯它，一個(gè)HTML就是一頁文字信息。需要使用Web瀏覽器。HTML獨(dú)立于各種平臺(tái)。注意：HTML文件可以用任何文本編輯器編輯，用Windows自帶的記事本就可以編輯HTML文件。3.1.2HTML標(biāo)記的基礎(chǔ)

基本的HTML語法所有的標(biāo)記都必須以“<>”包圍起來，它以開始標(biāo)記及結(jié)束標(biāo)記將對(duì)象圍住，例如：<html>。大部分標(biāo)記是成對(duì)出現(xiàn)的，包括開始標(biāo)記和結(jié)束標(biāo)記。開始標(biāo)記和相應(yīng)的結(jié)束標(biāo)記定義了標(biāo)記所影響的范圍。結(jié)束標(biāo)記與開始標(biāo)記名稱相同，但結(jié)束標(biāo)記必須用用一個(gè)“/”開頭，例如：<html></html>所以被標(biāo)記包圍的對(duì)象，如文本、圖像、表格等都按照標(biāo)記等義的格式顯示。

有少數(shù)標(biāo)記允許只有開始標(biāo)記沒有結(jié)束標(biāo)記。例如：

分行用的標(biāo)記：<br>

分段用的標(biāo)記：<p>示例<html><h1>這是第一段第一行<br>這是第一段第二行<p>這是第二段</h1></html>注意：

h1是HTML中標(biāo)題字體的一種格式，定義了一種標(biāo)題樣式。關(guān)于這方面的內(nèi)容將在文字格式部分詳細(xì)介紹。標(biāo)記的屬性

大部分標(biāo)記都有一些屬性，利用這些屬性可以對(duì)標(biāo)記的作用進(jìn)行更多的控制。設(shè)置和改變屬性時(shí)，將“屬性名=值”放在標(biāo)記名的同一個(gè)尖括號(hào)中，而且所有的屬性都放置在開始標(biāo)記的尖括號(hào)中。例如：<html><fontsize=7face="黑體">今天天氣真好！</font><br><fontsize=2face="宋體">今天天氣真好！</font></html>其中，font代表的是字體的格式標(biāo)記，size代表字體大小，face代表字體類型。第一行的文本以7號(hào)字黑體顯示，第二行的字以2號(hào)字宋體顯示。注釋語言

與其他程序一樣，在HTML文本的適當(dāng)位置上增加注釋可以提高代碼的可讀性，編譯器不解析注釋部分，即注釋部分不會(huì)在瀏覽器窗口中顯示出來。注釋語句的格式是：<!—注釋語句-->例如：<html><fontsize=7face="黑體">今天天氣真好！</font><br><!—

字體為7號(hào)黑體字--><fontsize=2face="宋體">今天天氣真好！</font></html>這段代碼在瀏覽器查看的效果和圖3.2是相同的，<!—

字體為7號(hào)黑體字-->只起到注釋作用，不會(huì)被編譯器解析。3.1.3HTML文檔的基本結(jié)構(gòu)

<HTML>...</HTML>文檔標(biāo)記

這個(gè)標(biāo)記是全部文檔內(nèi)容的容器，<HTML>是開始標(biāo)記，</HTML>是結(jié)束標(biāo)記，它們分別是網(wǎng)頁的第一個(gè)和最后一個(gè)標(biāo)記，其他標(biāo)記代碼都位于這兩個(gè)標(biāo)記之間。<HEAD>...</HEAD>首部標(biāo)記

首部標(biāo)記<HEAD>...</HEAK>用于提供與Web頁有關(guān)的各種信息。在首部標(biāo)記中，可以使用<TITLE>...</TITLE>標(biāo)記來指定網(wǎng)頁的標(biāo)題，<STYLE>和</STYLE>標(biāo)記來定義CSS樣式表，使用<SCRIPT>和</SCRIPT>標(biāo)記來插入腳本，等等。<BODY>...</BODY>正文標(biāo)記

正文標(biāo)記包含了文檔的內(nèi)容，文字、圖像、動(dòng)畫、超鏈接以及其他HTML元素均位于該標(biāo)記中。正文標(biāo)記的屬性Backgroud：指定文檔背景圖像的URL地址。Bgcolor：指定文檔的背景顏色。Text:指定文檔中的文本顏色。Link：指定文檔中鏈接的顏色。VLink：指定文檔中已被訪問過的鏈接顏色。ALink：指定文檔中正被選中的鏈接顏色。OnLoad：指定文檔首次加載時(shí)調(diào)用的事件處理程序。ONUnLoad：指定文檔卸載時(shí)調(diào)用的事件處理程序。

文檔的基本結(jié)構(gòu)

<HTML><HEAD><TITLE>這是我的第一張網(wǎng)頁</TITLE></HEAD><BODY>

這是我做的第一張網(wǎng)頁。

</BODY></HTML>HTML文檔是一種樹形結(jié)構(gòu)，<HTML>標(biāo)記是文檔的根，其他的HTML標(biāo)記全部包括在<HTML>…</HTML>以內(nèi)。<HTML>下面有兩個(gè)分支：<HEAD>…</HEAD>和<BODY>…</BODY>。其中<BODY>…</BODY>分支為文檔的主體，主體中的內(nèi)容講顯示在客戶端的瀏覽器中，<BODY>內(nèi)又包括若干分支，如用H1、H1表示字體字號(hào)，用P、DIV、FORM表示塊元素，等等。在<HEAD>…</HEAD>段中除了<TITLE>…</TITLE>包括的內(nèi)容將作為窗口的標(biāo)題顯示在最上方外，其余部分的主要關(guān)于文檔的說明以及某些公用的腳本程序。<HEAD>與<BODY>為獨(dú)立的兩部分，不能互相嵌套。3.2HTML文本編輯

3.2.1HTML文本的格式化字符的格式化標(biāo)題字體在HTML中，定義了一些標(biāo)題字體的格式，可以用<hn>...</hn>表示，其中n=1,2,3,4,5,6，從1到6，標(biāo)題字體大小依次減小，例如。<h1>今天天氣真好！</h1><h2>今天天氣真好！</h2><h3>今天天氣真好！</h3><h4>今天天氣真好！</h4><h5>今天天氣真好！</h5><h6>今天天氣真好！</h6>字體大小

字體大小可以通過<fontsize=字體大小>...</font>的格式來設(shè)置，字體大小可以為1,2,3,4,5,6,7，字體大小依次增大，默認(rèn)值為3，例如：<fontsize=7>今天天氣真好！</font>今天天氣真好！字體顏色

在HTML中，可以使用<fontcolor=顏色值>...</font>的方法指定指定字體的顏色，顏色可以是十六進(jìn)制RGB格式，或者是下列預(yù)定義色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua例如：<fontcolor=ffffff>White</font><fontcolor=white>White</font>這兩段HTML代碼都是表示字體顏色是白色的?？蛻舳俗煮w在HTML中，可以通過<fontface="客戶端可獲得的字體">...</font>來指定客戶端的字體。例如：<fontface="黑體">大家好</font>以上這段代碼就是表示“大家好”這個(gè)字符串的字體是黑體的。注意：通過<fontface="客戶端可獲得的字體">...</font>來指定客戶端字體，前提是客戶端的瀏覽器支持該字體，如果不支持，將用默認(rèn)字體代替。設(shè)置字符樣式通過設(shè)置字符樣式可以為某些字符設(shè)置特殊格式，例如粗體、斜體、下劃線、刪除線等。常用的設(shè)置字符樣式的標(biāo)記如下：<b>…</b>粗體<i>…</i>斜體<u>…</u>下劃線<tt>…</tt>固定字體寬度<sup>…</sup>上標(biāo)<sub>…</sub>下標(biāo)<s>…</s>刪除線<strike>…</strike>刪除線<small>…</small>小字體<big>…</big>大字體段落的格式化

段落是文檔的基本信息單位，一個(gè)字符也可能是一個(gè)段，將文檔劃分為段落，可以通過使用分段標(biāo)記、換行標(biāo)記、插入水平線等手段來實(shí)現(xiàn)。分段標(biāo)記<P>…<P>、換行標(biāo)記<BR>…<BR>。設(shè)置水平線標(biāo)記HR

我們?cè)谠O(shè)計(jì)網(wǎng)頁時(shí)，通常需要使用水平線把一個(gè)頁面分割成若干部分，以體現(xiàn)在不同的部分中分布不同主題的內(nèi)容和信息。在HTML文檔中插入水平線所使用的標(biāo)記就是<HR>標(biāo)記。與<IMG>標(biāo)記一樣，它也不需要結(jié)束標(biāo)記。該標(biāo)記有如下屬性：Width：設(shè)置水平線的寬度、正整數(shù)和百分?jǐn)?shù)，默認(rèn)值是100%。Align：設(shè)置水平線與上方元素的對(duì)齊方式，默認(rèn)值是Left，可取Center（居中）、Right（右對(duì)齊）。Size：設(shè)置水平線的長度值，默認(rèn)單位是像素。Color：設(shè)置水平線的顏色。<html><head><title>HR元素</title></head><bodytopmargin=10leftmargin=10><tablewidth=720cellspacing=0cellpadding=0><trheight=30><tdalign=center><h2>歡迎光臨</h2></td></tr><trheight=8><tdalign=center><HRWidth=80%Color=blueSize=2></td></tr><trheight=25><tdalign=center>返回首頁|國內(nèi)新聞|國際新聞||論壇</td></tr><trheight=10><tdalign=center><img=src=images/hline.gifalign=center></td></tr></body></html>設(shè)置段落對(duì)齊方式

在網(wǎng)頁中段落對(duì)齊有四種方式：左對(duì)齊、右對(duì)齊、居中對(duì)齊和兩端對(duì)齊。在HTML中，可以使用ALIGN屬性來設(shè)置段落的對(duì)齊方式。ALIGN屬性可以應(yīng)用于多種標(biāo)記，例如分段標(biāo)記<P>…<P>、標(biāo)題標(biāo)記<Hn>…<Hn>以及水平線標(biāo)記<HR>等。ALIGN屬性取值可以是：left（左對(duì)齊）、center（居中對(duì)齊）、right（右對(duì)齊）和justify（兩端對(duì)齊）。<html><head><title>段落對(duì)齊</title></head><bodytopmargin=10leftmargin=10><palign=left>左對(duì)齊</p><palign=center>居中對(duì)齊</p><palign=right>右對(duì)齊</p></body></html>3.2.2設(shè)置列表文本

創(chuàng)建有序列表有序列表是指在各列表項(xiàng)前面顯示數(shù)字或字母的縮排列表，可以使用有序列表標(biāo)記OL和列表標(biāo)記LI來創(chuàng)建，語法格式如下：<ol> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li></ol>OL標(biāo)記有兩個(gè)屬性：START和TYPE。START屬性用于數(shù)字序列的起始值，可以取整數(shù)值。TYPE屬性用于設(shè)置數(shù)字序列樣式，其取值可以是：1：表示阿拉伯?dāng)?shù)字，為默認(rèn)值。A：表示大寫字母。A：表示小寫字母。Ⅰ：表示大寫羅馬字母。ⅰ表示小寫羅馬字母。<html><head><title>有序列表</title></head><bodytopmargin=10leftmargin=10><ol> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li></ol><olstart=2type=A> <li>列表項(xiàng)1</li> <li>列表項(xiàng)2</li> <li>列表項(xiàng)3</li></ol></body></html>創(chuàng)建無序列表無序列表中每一個(gè)表項(xiàng)的前面不是序號(hào)，而是項(xiàng)目符號(hào)（如●、■等）。建立無序列表使用<UL>標(biāo)記和<LI>表項(xiàng)標(biāo)記。格式為：<ULtype="符號(hào)類型"><LItype="符號(hào)類型1">第一個(gè)列表項(xiàng)<LItype="符號(hào)類型2">第二個(gè)列表項(xiàng)

…

…</UL>從瀏覽器上看，無序列表的特點(diǎn)是，列表項(xiàng)目作為一個(gè)整體，與上下段文本間各有一行空白；表項(xiàng)向右縮進(jìn)并左對(duì)齊，每行前面有項(xiàng)目符號(hào)。

Type屬性指定每個(gè)表項(xiàng)左端的符號(hào)類型，可為disc（實(shí)心圓點(diǎn)）、circle（空心圓點(diǎn)）、square（方塊），也可自己設(shè)置圖片。方法有兩種。在<UL>后指定符號(hào)的樣式：在<UL>后指定符號(hào)的樣式，可設(shè)定直到</UL>的加重符號(hào)。具體設(shè)置如下。<ULtype=disc>，符號(hào)為實(shí)心圓點(diǎn)●。<ULtype=circle>，符號(hào)為空心圓點(diǎn)○。<ULtype=square>，符號(hào)為方塊■。<ULimgsrc=“mygraph.gif”>，符號(hào)為指定的圖片文件。在<LI>后指定符號(hào)的樣式：在<LI>后指定符號(hào)的樣式，可以設(shè)置從該<LI>起直到</UL>的項(xiàng)目符號(hào)。格式就是將前面的UL換為LI。<html><head><title>無序列表</title></head><bodytopmargin=10leftmargin=10><ultype=square><litype=circle>空心圓<litype=disc>實(shí)心圓<li>方塊1<li>方塊2</ul></body></html>3.3超鏈接

超鏈接（Hyperlink）可以看作是一個(gè)“熱點(diǎn)”，它可以從當(dāng)前Web頁定義的位置跳轉(zhuǎn)到其他位置，包括當(dāng)前頁的某個(gè)位置、Internet或本地硬盤或局域網(wǎng)上的其他文件，甚至跳轉(zhuǎn)到聲音、圖片等多媒體文件。當(dāng)Web頁包含超鏈接時(shí)，Web頁中的外觀形式為彩色（一般為藍(lán)色）且?guī)聞澗€的文字或圖片。單擊這些文本或圖片，可跳轉(zhuǎn)到相應(yīng)位置。鼠標(biāo)指針指向超鏈接的顯示文本或圖片時(shí)，將變成手形。超文本鏈接使用錨點(diǎn)標(biāo)記<A>來定義。錨點(diǎn)標(biāo)記

錨點(diǎn)（anchor）標(biāo)記由<A>定義，它在網(wǎng)頁上建立超文本鏈接。通過單擊一個(gè)詞、句或圖片，可從此處轉(zhuǎn)到另一個(gè)鏈接資源（目標(biāo)資源），這個(gè)目標(biāo)資源有唯一的地址（URL）。具有以上特點(diǎn)的詞、句或圖片就稱為熱點(diǎn)。<A>標(biāo)記的格式為：<Ahref="地址"name="字符串"target="打開窗口方式">鏈接名稱</A>屬性href為超文本引用，它的值為一個(gè)URL即目標(biāo)資源的有效地址。在書寫URL時(shí)要注意，如果資源放在自己的服務(wù)器上，可以寫相對(duì)路徑，例如“books/index.htm”。否則，應(yīng)寫絕對(duì)路徑，例如“”。targe屬性設(shè)定鏈接被打開后結(jié)果所要顯示的窗口。可選值為：_blank，_parent，_self，_top，框架名稱。Target屬性被設(shè)置成不同的值則新窗口打開的方式就不一樣。target="_blank"或target="new"時(shí)，在新的瀏覽器窗口中打開超鏈接鏈接的畫面內(nèi)容。target="_parent"時(shí)，將鏈接的畫面內(nèi)容直接顯示在父框架窗口中。target="_self"時(shí)，將鏈接的畫面內(nèi)容顯示在當(dāng)前窗口中，這也是默認(rèn)值。target="_top"時(shí)將框架中連結(jié)的畫面內(nèi)容，顯示在沒有框架的窗口中。target="框架名稱時(shí)只運(yùn)用于框架中，若被設(shè)定則鏈接結(jié)果將顯示于該“框架名稱”指定的框架窗口中，框架窗口名稱是事先由框架標(biāo)記所命名的。創(chuàng)建指向其他頁面的鏈接

創(chuàng)建指向其他頁面的鏈接，就是在當(dāng)前頁面與其他相關(guān)頁面間建立超鏈接。無論目標(biāo)文件與當(dāng)前文件的目錄關(guān)系如何，其格式為：

<Ahref="目標(biāo)文件的路徑/目標(biāo)文件名.html">鏈接文本</A>3.4網(wǎng)頁布局

網(wǎng)頁的整體布局非常重要，這是基于兩方面的原因：一方面主頁的整體布局，將給人帶來整體視覺上的感受；另一方面，由于瀏覽器本身的定位能力差，常常出現(xiàn)在設(shè)計(jì)階段似乎較好的界面，在運(yùn)行時(shí)就出現(xiàn)了混亂的情況，這就是因?yàn)闆]有用布局的方法限制各種控件位置的結(jié)果。所以，布局在網(wǎng)頁設(shè)計(jì)中是個(gè)很重要的方面使用表格布局

創(chuàng)建表格指令創(chuàng)建表格是指令是<TABLE>...</TABLE>。其中包括下列相關(guān)屬性。

BGCOLOR：背景顏色

BORDER：邊框

HEIGHT：高度

WIDTH：寬度創(chuàng)建表格標(biāo)題創(chuàng)建表格標(biāo)題的指令是<CAPTION>...</CAPTION>。創(chuàng)建表格列創(chuàng)建表格列的指令是<TR>...</TR>，TR并不是必選型，可以省略。創(chuàng)建表格欄標(biāo)題創(chuàng)建表格列欄標(biāo)題的指令是<TH>...</TH>，表格列欄標(biāo)題也稱作為表頭，格式是粗體字，可以省略。創(chuàng)建表格列欄標(biāo)題具有一下兩個(gè)關(guān)屬性。

COLSPAN欄寬

ROWSPAN欄高創(chuàng)建單元格創(chuàng)建單元格的指令是<TD>...</TD>，TD并不是必選型，可以省略。創(chuàng)建單元格的指令的相關(guān)屬性如下。

BGCOLOR：背景顏色

HEIGHT：高度

WIDTH：寬度

COLSPAN：欄寬

ROWSPAN：欄高<HTML><HEAD><TITLE>使用表格布局</TITLE></HEAD><BODY><tablealign="center"width="500"height="400"border=1bordercolor="#00ff99"><tbody><tr><tdcolspan="3"align="center">網(wǎng)站名稱</td></tr><tr><tdwidth="30%"height="25">網(wǎng)站標(biāo)題</td><tdcolspan="2"align="right">搜索框</td></tr><tr><tdwidth="30%">左邊</td><tdwidth="40%">中間</td><td>右邊</td></tr><tr><tdcolspan="3"align="center">網(wǎng)站底部信息</td></tr></tbody></table></BODY></HTML>使用層布局圖層是一個(gè)容器，在圖層內(nèi)可以放置各種類型的網(wǎng)頁元素。如文本、圖像、表格甚至還可以嵌套圖層。每個(gè)圖層相當(dāng)于一個(gè)獨(dú)立的小屏幕。圖層是一個(gè)可以任意移動(dòng)的容器，甚至允許圖層之間重疊放置，這就是圖層的最大的優(yōu)點(diǎn)。放置在層上的元素，可以隨圖層被拖放到任意位置，為元素的定位和網(wǎng)頁布局帶來極大方便，同時(shí)也為控制動(dòng)態(tài)元素奠定了基礎(chǔ)。下面是一段建立圖層的代碼，用DIV標(biāo)記來定義圖層。<HTML><HEAD><TITLE>使用層布局</TITLE></HEAD><BODY><divstyle="width:100px;position:relative;height:100px;border-style:solid">我是層</div></BODY></HTML>插入圖像

鏈入圖像的基本語法如下.<imgsrc=”圖像的URL”><imgalt=”

在瀏覽器尚未完全讀入圖像時(shí)，在圖像位置顯示的文字”>例如：<imgsrc="image/1.jpg"alt="笑臉">圖像和文字對(duì)齊的基本語法如下：<imgalign=圖像和文字的對(duì)齊方式>圖像和文字的對(duì)齊方式有top,middle或者bottom三種方式，分別是指圖像和文字頂端對(duì)齊、居中對(duì)齊或者底部對(duì)齊。給圖像加上邊框的基本語法給圖像加上邊框的基本語法如下：<imgborder=”邊框?qū)挾取?gt;例如：<imgsrc="image/1.jpg"border=15><HTML><HEAD><TITLE>插入圖像</TITLE></HEAD><BODY><table><tr><td><imgsrc="image/1.jpg"alt="插入圖像的基本方法">插入圖像</td><td><imgsrc="image/1.jpg"align=middlealt="圖像和文字對(duì)齊">插入圖像</td><td><imgsrc="image/1.jpg"border=10alt="加邊框">插入圖像</td></tr></table></BODY></HTML>插入多媒體文件

在網(wǎng)頁設(shè)計(jì)中，經(jīng)常需要在網(wǎng)頁中插入一些多媒體文件，例如Flash動(dòng)畫文件、視頻文件等，下面我們就學(xué)習(xí)如何在網(wǎng)頁中插入多媒體文件。插入多媒體文件基本語法如下。<embedsrc=多媒體文件的URL>本標(biāo)記可以用來在主頁中嵌入多媒體文本，如：電影(movie),聲音(sound),虛擬現(xiàn)實(shí)語言(vrml)等。例如插入一個(gè)名叫frame.swf的flash動(dòng)畫到網(wǎng)頁中，就可以使用如下代碼。<embedsrc=”frame.swf”></embed>使用框架

frame作為html語言中的一部分，在網(wǎng)頁制作中占據(jù)著重要的地位。大家看到很多網(wǎng)頁上都好像windows下的資源管理器一樣，在左邊點(diǎn)擊相應(yīng)的鏈接，右邊就會(huì)有相應(yīng)的網(wǎng)頁顯示。就如我們進(jìn)入郵箱的時(shí)候一樣。這些都是使用frame的結(jié)果。如圖3.17所示的網(wǎng)頁就是一個(gè)典型的使用框架的界面，可以通過左邊的導(dǎo)航選擇要跳轉(zhuǎn)的欄目，從而在右邊的區(qū)域顯示相應(yīng)的內(nèi)容，但是左邊的導(dǎo)航內(nèi)容不變。frameset的cols及rows屬性

frameset是確定網(wǎng)頁分框的定義，其包括cols、rows、border等屬性。cols及rows的作用是設(shè)置frame的寬度及高度。下面這段代碼就演示了frameset元素的這兩個(gè)屬性。<html><head><title>frameset元素中cols及rows屬性的使用</title></head><framesetcols="20%,200,*"><frame><framesetrows="30%,*"><frame><frame></frameset><frame><frame></frameset></html>frameset元素的border屬性frameset元素的border屬性設(shè)置frame之間的距離，包括3D邊框。下面這段代碼就演示了frameset元素的border屬性，顯示效果如圖3.18所示。<html><head><title>frameset元素中border屬性的使用</title></head><framesetcols="20%,60%,*"border=10><frame><frame><frame></frameset></html>frame元素的name屬性

frame元素的name屬性設(shè)置frame的名字?？蚣艿拿Q并不會(huì)影響到框架內(nèi)顯示的內(nèi)容，名稱的作用是指定相應(yīng)框架鏈接的顯示內(nèi)容。以下代碼就顯示了name屬性的用法。注意：left.htm和right.htm這兩個(gè)文件要存放在和當(dāng)前框架頁面相同文件夾中。<html><head><title>frame元素中name屬性的使用</title></head><framesetcols="50%,*"><framename="left"src="left.htm"><framename="right"src="right.htm"></frameset></html>frameset元素的scrolling屬性和noresize屬性

frameset元素的scrolling屬性決定frame是否可以使用滾動(dòng)條，noresize屬性決定frame是否可以改變大小。以下代碼顯示了frameset元素的scrolling屬性和noresize屬性的用法。左邊的框架沒有滾動(dòng)條，中間的框架有滾動(dòng)條并且框架的大小可以改變，右邊的框架具有滾動(dòng)條但是框架的大小不能被改變。而noresize是

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(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)論