網絡建設基礎

上傳人：0*** IP屬地：湖北上傳時間：2023-02-03 格式：PPT 頁數(shù)：83 大?。?37KB 積分：30 舉報 版權申訴

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

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

靜態(tài)網頁設計HTML表示超文本標記語言（HyperTextMarkupLanguage）。HTML文件是一個包含標記的文本文件。這些標記保證瀏覽器怎樣顯示這個頁面。HTML文件必須有htm或者html擴展名。HTML文件可以用一個簡單的文本編輯器創(chuàng)建。HTML文件是什么？

1.HTML編輯器

關于HTML編輯器：

用一些所見即所得的編輯器，比如frontpage，dreamweaver，你可以很容易創(chuàng)建一個頁面，而不需要在純文本中編寫代碼。

但是假如你想成為一名熟練的網絡開發(fā)者，我們強烈推薦你用純文本編輯器編寫代碼，這有助于學習HTML基礎。

2. HTML文件結構的格式2.1HTML的基本語法

1 了解HTML的標記HTML文件是由標記和文本組成

格式為：〈標記〉受標記影響的文本〈／標記〉標記的屬性。標記需要通過屬性制作各種效果。格式為： <標記屬性1＝屬性值屬性2＝屬性值…〉受影響的文本〈／標記〉

<fontsize=4color=red>屬性示例注意：使用時屬性之間沒有順序。對同一段文本，可以用多個標記來共同作用，產生一定的效果。HTML也有注釋標記。“”之間的部分為注釋內容,可以插入文本的任何地方。

標記和屬性不區(qū)分大小寫。

2 HTML的基本結構 HTML文件以<html>開頭,以</html>結尾。 HTML文件包括頭部<head>和主體<body>?；窘Y構為：<html><head>

網頁內容</body></html>【例1】簡單的HTML文件<html> <head>

<body>

我的第一個網頁！ </body></html>2.2 文件結構的格式標記1、 HTML文檔標記 HTML文檔標記的格式為:<html>HTML文檔內容</html><html>處于文檔的最前面，表示HTML文檔的開始，即瀏覽器從<html>開始解釋，直到遇到</html>為止。每個HTML文件均以<html>開始，以</html>結束。

2、HTML文件頭標記<head>..</head> HTML文件頭標記的格式為： <head>頭部內容</head>文件頭部在文件標記<html>之后，其內容可以是標題名，文本文件地址、創(chuàng)作信息等網頁信息說明，對應于相應的標記。如標題標記<title>…</title>。3 HTML文件標題標記

<title>標題名<／title>【例2】如果沒有使用<head>標記，而單獨使用<title>，<title>標記仍可設定。<html><title>

網頁設計</title><body>無<head>時，<title>；標記仍起作用</body></html>顯示結果描述實體不可拆分的空格 <小于<>大于>&and符號&“引號"‘單引號

想要在HTML中顯示一個小于號“<”，需要用到字符實體。一個字符實體擁有三個部分：一個and符號（&），一個實體名或者一個實體號，最后是一個分號（;）

注意：實體名是大小寫敏感的。4HTML文件主體標記格式為：<body>background=”文件名”text=”顏色”link=”顏色值”vlink=”顏色值”alink=”顏色值”<／body>background設置網頁的背景圖像：bgcolor設置網頁的背景色；text設置文本的顏色：link設置未被訪問過的超文本鏈接的顏色，默認為藍色；vlink設置已被訪問過的超文本鏈接的顏色，默認為藍色；alink設置超文本鏈接在被訪問瞬間的顏色，默認為藍色

3 HTML文字格式與頁面格式3.1設置標題格式設置標題格式的格式為：<hnalign=對齊方式>標題<／hn>屬性align用來設置標題在頁面中的對齊方式：left(左對齊)、center(居中)或right(右對齊)。屬性n用來指定標題文字的大小。n可以取1—6的整數(shù)值，取1時文字最大，6時文字最小，默認時為<h1>。 <hn>…<／hn>這些標記顯示宋體字。<hn>…<／hn>標記會自動插入一個空行，不必用標記再加空行。在一個標題行中無法使用不同大小的字體。

【例3】用<hn>設置標題的大小。<html> <head> <title> 網頁設計 </title> </head> <body> <h1>今天天氣真好!</hl> <h2>今天天氣真好!</h2> <h3>今天天氣真好!</h3> <h4align=left>今天天氣真好!</h4> <h5align=center>今天天氣真好!</h5> <h6align=right>今天天氣真好!</h6> <h>今天天氣真好!<h> </body></html>3.2設置強制換行標記 放在一行的末尾，可使后面的文字換到下一行，而又不會在行與行之間留下空行。強制換行標記的格式為：

文字 換行標記單獨使用，可使頁面清晰、整齊。【例4】強制換行標記的使用，

<html> <head> <title>強制換行標記的使用</title> </head> <body> 歡迎進入牡丹園! 新聞

影視 聊

天

室 </body></html>3.3設置文字格式1設置文字的大小設置文字的大小的格式為：<fontsize=數(shù)字face=字體名color=顏色>被設置的文字<／font>標記可設定文字的字體、字號和顏色。size用來設置文字的大小。數(shù)字的取值范圍從1～7，size取1時最小，取7時最大。face用來設置字體。如黑體、宋體、楷體—GB2312、仿宋—GB2312、隸書、TimesNewRoman等。color用來設置文字顏色。和<hn>標記都可以設置文字的大小，當中的size取7時的文字比<h1>要大。

【例5】用設置文字的大小。<html> <head> <title>用設置文字的大小</title> </head> <body> <h1>文字的大小!</h1> <fontsize=1>文字的大小size=1 <fontsize=2>文字的大小size=2 <fontsize=3>文字的大小size=3 <fontsize=4>文字的大小size=4 <fontsize=5>文字的大小size=5 <fontsize=6>文字的大小size=6 <fontsize=7>文字的大小size=7 </body></html>2設置字體

當文字是漢字時，格式中的“字體名”可以為：宋體、幼圓、隸書、楷體_GB2312、黑體、仿宋_GB2312等。當文字為英文時，字體名可以為TimesNewRoman等約50種字體。

【例6】設置字體<html><head><title>設置字體</title></head><body><fontsize=4> <fontface=幼圓>幼圓 <fontface=隸書>隸書 <fontface=黑體>黑體 <fontface=楷體_GB2312>楷體_GB2312 <fontface=仿宋_GB2312>仿宋_GB2312 </body></html>3設置字型字形就是文字的風格，如加粗、斜體、帶下劃線、上標、下標等。字型的控制標記見表2-3【例7】設置字型<html><head><title>設置字型</title></head> <body>

設置字體黑體 設置字體斜體 設置字體帶下劃線 設置字體<strike>帶刪除線</strike> 設置字體下標 </body></html>

4設置文字顏色(a)<body>標記中的text屬性

利用<body>標記的text屬性，可以設定整個網頁文字的顏色。格式：

<bodytext=顏色>受影響的文字</body> <body>與</body>標記所含的內容是HTML文件的主體，所以它帶來的參數(shù)對整個文件起作用。顏色可以用相應英文單詞或以“#”引導的一個十六進制代碼表示，【例8】用<body>標記設定文字的顏色<html><head><title>用<body>標記設定文字的顏色</title></head><bodytext=blue><h3>靜夜思</h3> <fontface=宋體size=4>李白 <fontface=楷體>

床前明月光，疑是地上霜，

舉頭望明月，低頭思故鄉(xiāng)。 </body></html>(b）標記中的color屬性利用標記中的color屬性，可以設定段落、短語、詞或字的顏色。格式為:<fontcolor=顏色>受影響的文字顏色的取值與<body>標記的取值方法相同?！纠?】用標記設定文字的顏色。<html><head><title>用標記設定文本的顏色</title></head><body><fontcolor=black>黑色<fontcolor=blue>藍色 <fontcolor=brown>棕色<fontcolor=cyan>青色 <fontcolor=white>白色<fontcolor=green>綠色 <fontcolor=red>紅色<fontcolor=yellow>黃色 </body></html>c）<body>與的優(yōu)先級

當<body>與同時對文字顏色進行定義時，標記優(yōu)先。

3.4設置段落格式1強制換段標記強制換段標記的格式為：

文字段落標記放在這段文字的末尾，就定義了一個新段落的開始。標記不但能使后面的文字換到下一行，還可以使兩段之間留一空行。強制換段標記可以看作強制換行標記 和加一行空行。

【例2-10】<html><head><title>強制換段標記</title></head><body>

歡迎訪問吉林大學主頁學校概貌美麗校園吉大簡報</body></html>

2設置段落標記設置段落標記的格式為： <palign=對齊方式>文字其中屬性align用來設置段落的對齊方式，可以為left、center或right，分別表示居左、居中、居右。默認時為left。

3顯示預排格式標記<pre>…<／pre>

當用其他編輯工具編排好了一段文字后，其中很可能有一些HTML文件不支持的控制符號，如回車、多個空格、Tab鍵等。如果希望在瀏覽網頁時仍保留在編輯工具中已經排好的段落格式，可以使用<pre>標記將預先排好的格式保留下來。顯示預排格式標記的格式為：

<pre>預先排好的格式<／pre>【例2-11】預排格式標記的使用。<html><head><title>顯示預排格式</title></head><body><pre><fontsize=3color=blue><h3><fontcolor=purple><palign=center>唐詩二首</h3><fontface=黑體color=black>

賦得古原草送別

長

相

思

唐·白居易

離離原上草，一歲一枯榮。

汴水流，泗水流，

野火燒不盡，春風吹又生。

流到瓜洲古渡頭。

遠芳侵古道，晴翠接荒城。

吳山點點愁。

又送王孫去，萋萋滿別情。

思悠悠，恨悠悠，

恨到歸時方始休。

月明人依樓。</pre></body></html>

4 設置超級鏈接、列表和表格

4.1設置超級鏈接1 錨點標記<a>…<／a>

錨點(anchor)標記由<a>定義，它在網頁上建立超文本鏈接。通過單擊一個詞、句或圖片，可從此處轉到另一個鏈接資源(目標資源)，這個目標資源有唯一的地址(URL)。以上特點的詞、句或圖片就稱為熱點。標記的格式為：<ahref=”地址”或name=”字符串”>熱點</a>屬性href為超文本引用，它的值為一個URL，是目標資源的有效地址。屬性name指定當前文檔內的一個字符串，作為鏈接時可以使用的有效的目標資源的地址。熱點可以根據(jù)需要設置顏色，利用<body>標記中相關的屬性。

2 建立指向其他頁面的鏈接其格式為：

<ahref=”目標文件的路徑／目標文件名.html”>熱點文本</a>根據(jù)目標文件與當前文件的目錄關系，有如以下4種寫法。1）鏈接到同一目錄內的網頁文件鏈接到同—目錄內的網頁文件的格式為：<ahref=”目標文件名.html”>熱點文本</a>2）鏈接到下一級目錄中的網頁文件鏈接到下一級目錄中的網頁文件的格式為：<ahref=”子目錄名／目標文件名．html”>熱點文本<／a>3）鏈接到上一級目錄中的網頁文件鏈接到上一級目錄中的網頁文件的格式為：<ahref=”.／目標文件名．Html”>熱點文本<／a>其中“．／”表示退到上一級目錄中。4）鏈接到同級目錄中的網頁文件鏈接到同級目錄中的網頁文件的格式為：

<ahref=”..／子目錄名／目標文件名．html”>熱點文本<／a>5）創(chuàng)建指向本頁中的鏈接要在當前頁面內實現(xiàn)超鏈接，需要定義兩個標記：一個為超鏈接標記，另一個為書簽標記。超鏈接標記的格式為：

<ahref=”#記號名”>熱點文本<／a>即單擊熱點文本，將跳轉到“記號名”開始的文本。書簽就是用<a>標記對該文本做一個記號。若有多個鏈接的書簽名，書簽名在<a>的name屬性中定義。格式為：

<aname=”記號名”>目標文本附近的字符串<／a>【例2-14】鏈接本頁中的文本<html><head><title>鏈接本頁中的文本</title></head><bodylink=greenalink=bluevlink=black><h2align=center>學院概況</h2><fontsize=3color=purple><center>

<ahref="#1">1專業(yè)課</a><ahref="#2">2實驗室</a><ahref="#3">3資料室</a><center><divalign=left><aname="1"></a>1專業(yè)設置 …… <aname="2"></a>2實驗室 …… <<aname="3"></a>3資料室 …… </div></body></html>6.創(chuàng)建指向電子郵件的鏈接若要創(chuàng)建指向電子郵件的鏈接，在<a>標記的href屬性中加入mailto，其格式為：<ahref=”mailto：E-mail地址”>熱點文本</a>例如：E-mail地址是kmas@163.com，建立如下鏈接：信箱：<ahref=”mailto：kmas@163.com”>kmas@163.com</a>4.2 設置列表列表分為無序列表和有序列表兩類。帶序號標志(如數(shù)字、字母等)的表項就組成有序列表，否則為無序列表。

1、無序列表無序列表中每一個表項的前面是項目符號（如●、■等）。建立無序列表使用<ul>標記和<li>表項標記。格式為：<ul><li>第一個列表項<li>第二個列表項……</ul>注意:<li>是單標記,即一個一個表項的開始,就是前一個表項的結束.

無序列表的特點：列表項目作為一個整體,與上下段文本間各有一行空白;表項向右縮進并左對齊,每行前面有項目符號。每個表項左端的項目符號可為disc（實心圓點）、circle（空心圓點）、square（方塊），也可為圖像。例如<ultype=”disc”><ultype=”graph1.gif”>【例15】無序列表應用示例<html><head><title>無序列表</title></head><body><palign=center><fontcolor=bluesize=4>專業(yè)設置<ul> <litype="circle">計算機應用 <litype="square">計算機軟件 <litype="disc">計算機圖形學</ul></body></html>2、創(chuàng)建有序列表通過帶序號的列表可以更清楚地表達信息的順序。使用<ol>標記可以建立有序列表，表項的標記為<li>，格式為：<ol><li>第一個列表項<li>第二個列表項……</ol>在瀏覽器中顯示時，有序列表整個表項與上下段之間各有一行空白，列表項目向右縮進并左對齊，各表項前帶序號。

【例2-17】有序列表應用示例<html><head><title>有序列表</title></head><body><palign=center><fontcolor=bluesize=4>專業(yè)設置<ol> <li>計算機應用 <li>計算機軟件 <li>計算機圖形學</ol></body></html>列表的嵌套列表嵌套把主頁分為多個層次，例如書的目錄，給人以很強的層次感。有序列表和無序列表不僅可以自身嵌套，而且可以相互嵌套。1、無序列表中套無序列表【例2-19】無序列表中套無序列表<html><head><title>無序列表中套無序列表</title></head><body><ul> <li>第一層無序列表1 <ul> <li>第二層無序列表 <li>第二層無序列表 </ul> <li>第一層無序列表2 <ul> <li>第二層無序列表 <li>第二層無序列表 <li>第二層無序列表 </ul></ul></body></html>(2)無序列表嵌套有序列表【例2-20】無序列表中套有序列表<html><head><title>無序列表中套有序列表</title></head><body> <ul> <li>第一層序列表1 <ol> <li>第二層有序列表 <li>第二層有序列表 </ol> <li>第一層無序列表2 <ol> <li>第二層有序列表 <li>第二層有序列表 <li>第二層有序列表 </ol></body></html>4.3設置表格1建立簡單表格最簡單的表格僅包括行和列.表格的標記為<table>,行的標記為<tr>,表頭的標記為<th>，表項的標記為<td>。其中，<tr>是單標記。表項內容寫在<td>與</td>之間。<table>則必須成對使用。其格式為：<tableborder=-nwidth=x或x％height=y或y％cellspacing=icellpadding=j><tr><th>表頭1<／th><th>表頭2<／th><th>…<／th><th>表頭n<／th> <tr><td>表項1<／td><td>表項2<／td><td>…<／td><td>表項n<／td>……<tr><td>表項1<／td><td>表項2<／td><td>…<／td><td>表項n<／td><／table>在瀏覽器中顯示時，<th>標記的文字按粗體顯示，<td>標記的文字按正常字體顯示。表格的整體外觀由<table>標記的屬性決定：border定義表格邊框的粗細，n取整數(shù)，單位是像素(如果省略，則不帶邊框)width定義表格的寬度，x為像素數(shù)或占窗口的百分比height定義表格的高度，y為像素數(shù)或占窗口的百分比cellspacing定義表項間隙，單位是像素cellpadding定義表項內部空白，單位是像素。【例2-21】建立有框線和無框線簡單表格。

<html><head><title>建立有框線和無框線簡單表格</title></head><body><tableborder=-3><tr><th>學號</th><th>姓名</th><th>語文</td><th>數(shù)學</th><th>平均分數(shù)</th><tr><td>0001</td><td>張三</td><td>92</td><td>98.5</td><td>95.3</td><tr><td>0002</td><td>李四</td><td>88</td><td>82</td><td>85</td><tr><td>0006</td><td>王麻子</td><td>68.5</td><td>90</td><td>79.3</td></table></body></html>2.給表格加上標題

用<caption>標記給表格加標題，其格式為：

<table> <captionalign=left/right/top/bottom valign=top/bottom>標題</caption></table>其中：valign 設置標題放在表的上部top（默認），還是下部bottom;align 設置標題放在表的上部top或下部的中間（缺生），左邊left，還是右邊right；3 跨多行多列的表項使用<tr>、<td>、<th>標記的colspan和rowspan屬性，可以分別制作跨多行（合并行）和跨多列（何并列）的表格。跨多列的表元<thcolspan=#>例如：<tableborder><tr><thcolspan=3>MorningMenu</th><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td></table>跨多行的表元<throwspan=#><tableborder><tr><throwspan=3>MorningMenu</th><th>Food</th><td>A</td></tr><tr><th>Drink</th><td>B</td></tr><tr><th>Sweet</th><td>C</td></tr></table>【例2-22】建立多重表頭的格式<html><head><title>建立多重表頭的格式</title></head><body><tableborder=5><capton><fontsize=5>成績表</caption><tr><throwspan=2>學號<throwspan=2>姓名<thcolspan=3>成績<tr><th>語文<th>數(shù)學<th>總分數(shù)<tr><td>1<td>張三<td>85<td>65<td>150<tr><td>2<td>李四<td>76<td>97<td>173<tr><td>3<td>王武<td>87<td>78<td>165</table></body></html>4、表格在頁面中的屬性（1）設定表格在頁面中的位置表格瀏覽器窗口的位置也有三種：居左、居中和居右。使用<table>標記的align屬性，格式為：<tablealign=left或center或right>left表示居左，center表示居中，right表示居右。當表格位于頁面的左側或右側時，文本填充在另一側。當表格居中時，表格兩邊沒有文本。當align屬性默認時，文本在表格的下面。（2）表格的圖像背景可以在<table>、<th>、<tr>、<td>標記中使用下面屬性：background=”圖像文件名”設置背景圖像；bordercolor=”顏色”設定表格邊框顏色；bordercolorlight=”顏色”設定表格邊框亮部顏色；rules=”row,cols或none”設定表內線的顯示方法；另外，還可以用<td>標記中bgcolor屬性給表格的每個單元設置背景色：<tdbgcolor=”顏色或顏色值”【例2-23】設定表格在頁面中的位置和圖像背景<html><head><title>設定表格在頁面中的位置和圖像背</title></head><body><tableborder=-3align=centerbackground="p1.jpg"width=400height=100rules=none><caption><fontsize=5>成績表</caption><tr><th>學號</th><th>姓名</th><th>語文</td><th>數(shù)學</th><th>平均分數(shù)</th><tr><td>0001</td><td>張三</td><td>92</td><td>98.5</td><td>95.3</td><tr><td>0002</td><td>李四</td><td>88</td><td>82</td><td>85</td><tr><td>0006</td><td>王武</td><td>68.5</td><td>90</td><td>79.3</td></table></body></html>5.1設置圖像標記<img>Img標簽和src屬性

在HTML里面，圖像是由<img>標簽定義的。

<img>是空標簽，意思是說，它只擁有屬性，而沒有結束標簽。

想要在頁面上顯示一個圖像，需要使用src屬性?！皊rc”表示“源”的意思。“src”屬性的值是所要顯示圖像的URL。

插入圖像的語法：

<imgsrc="url">5設置多媒體與框架

標記中的屬性說明如下：src屬性

指出想要加入圖像的文件名，即“圖像文件的路徑＼圖像文件名”：alt屬性

在瀏覽器尚未完全讀入圖像時，在圖像位置顯示的文字：width屬性

圖像的寬度(像素數(shù)或百分數(shù))height屬性

圖像的高度(像素數(shù)或百分數(shù))hspace屬性

水平方向空白像素數(shù)：vspace屬性

垂直方向空白像素數(shù)：align屬性

圖像在頁面中的對齊／布局方式，或圖像與文字的對齊方式。【例2-24】設置圖像的尺寸。<html><head><title>設定圖像的尺寸</title></head><body><imgsrc="p1.jpg"alt="圖片">原始大小<imgsrc="p1.jpg"alt="圖片"width=60height=100>寬60高100<imgsrc="p1.jpg"alt="圖片"width=15%height=40%>寬15%高40%</body></html>5.4設置網頁的背景1．

設置背景色格式為：

<bodybgcolor=”顏色值”>“顏色值”可以為顏色的英文名或相應十六進制值。2．用圖像作為背景其格式為<bodybackground=”圖像文件名”>“圖像文件名”中包括圖像文件的路徑可以是相對路經也可以是絕對路徑。圖像文件可為GIF格式或JPEG格式的文件。圖像文件要做得很小，以便加快下載速度。

【例2-25】圖像作背景。<html><head><title>用圖像作為背景</title></head><bodybackground="p1.jpg"><h4align=center>用圖像作為背景</h4></body></html>3用圖像作為超鏈接

圖像也可以作為熱點，可以為圖像設置超連接，格式為：<ahref=”鏈接到的文件名”><imgsrc=”圖像文件名”></a>鏈接到的文件名和圖像文件名中均須寫出所需的路徑。5.5設置框架1.建立框架框架的建立使用<frameset>、<frame>兩個標記。它與一般的HTMl文件并無大的區(qū)別，只是將<frameset>標記取代<body>標記，用來聲明框架的定義。<frame>標記用來聲明其中框架頁面的內容。其基本結構為：

<frameset><framesrc="URL"></frameset>1)<frameseb>標記<frameset>標記用來定義—個框架組的屬性，格式為：

<framesetrow=”數(shù)”cols=”數(shù)”border=”像素數(shù)”bordercolor=”顏色”

frameboder=”yes/no”framespacing="值”>…</frameset>其中屬性：row設定橫向分割的框架數(shù)日：cols設定縱向分割的框架數(shù)日：border設定邊框的寬度；bordercolor設定邊框的顏色：frameborder設定有／無邊框；framespacing設置各窗口間的空白。2)<frame>標記<frame>標記用于給各個框架指定頁面的內容，也就是，它將各個框架和包含內容的那個文件聯(lián)系在一起。<frame>是一個單標記，格式為：

<framesrc=”源文件名.html”name=”框架名”border=”像素數(shù)”bordercolor=”顏色”frameborde=yes或nomarginwidth=xscrolling=yes或no或autonoresize>屬性：src表示該框架對應的源文件：

name指定框架名?？蚣苊勺帜搁_頭，下劃線開頭的名字無效，例如<flamesrc=“aaal．html”，name=“rgl”><flamesrc=”../webl/page.html”，name=”sub1”><framesrc=”http：//.ch/book.html”>，也就是說，源文件可以是某個網址上的文件，只需寫上URL；border設定邊框的寬度；bordercolor設定邊框的顏色；frameborder設定有(yes)／無(no)邊框：marginwidth設置框架內容與左右邊框的空白marginheight設置框架內容與上下邊框的空白scrolling設置是(yes)/否no/自動(auto)加入滾動條；noresize設置不允許窗口改變大小，默認設置是允許窗口改變大小;【例2-27】建立橫向排列的框架<html><head><title>建立橫向排列的框架</title></head><framesetrows=20%,30%,50%><framesrc="局域網.htm"><framesrc="遠程計算機網絡.htm"><framesrc="因特網.htm"></frameset></html>【例2-28】建立縱橫排列的框架(本例題中的網頁文件為本章中的例題)<html><head><title>建立縱橫排列的框架</title></head><framesetcols=20%,*><framesrc="因特網.htm"><framesetrows=40%,*><framesrc="局域網.htm"><framesrc="遠程計算機網絡.htm"></frameset></frameset></html>2.設置框架屬性1）

設定框架的有無和顏色利用<frameset>和<frame>標記可以設置邊框的外觀，如大小、顏色。兩個標記所不同的是，<frameset>標記設置的是整個框架的屬性，而<frame>只能設置它所控制的框架。設定無邊框格式為：<framesetframeborder=yes或no或1或0>

或<frameframeborder=yes或no或1或0>其中取值yes或1（默認）表示生成立體的邊框，no或0表示無邊框。

【例2-29】將【例2-28】縱向框架設置為有表框，其他設為無邊框。<html><head><title>建立縱橫排列的框架</title></head><framesetcols=20%,*><framesrc=”2-9.htm”frameborder=yes><framesetrows=40%,*><framesrc=”2-10.htm”frameborder=no><framesrc=”2-11.htm”frameborder=no></frameset></frameset></html>2）設定邊框顏色利用<frameset>和<frame>標記的bordercolor屬性給邊框著色。格式為：

人人文庫> 全部分類> 教育資料 > 輔導培訓

溫馨提示

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

網絡建設基礎

文檔簡介

溫馨提示

最新文檔

評論

網絡建設基礎

文檔簡介

溫馨提示

最新文檔

評論

相關文檔