html框架和層的代碼_急求HTML格式完整網頁框架代碼

A. 關於html很簡單的問題，html中兩行兩列的框架代碼怎麼寫啊我寫成下面的那種形式卻顯示把頂行分成了兩列

frameset 元素可定義一個框架集。它被用來組織多個窗口（框架）。每個框架存有獨立的文檔。在其最簡單的應用中，frameset 元素僅僅會規定在框架集中存在多少列或多少行。您必須使用 cols 或 rows 屬性。
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>

<frame> 標簽定義 frameset 中的一個特定的窗口（框架）。

B. 製作一個如下圖所示的框架網頁，寫出HTML代碼。

C. 急求HTML格式完整網頁框架代碼

|<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
</head>

<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="file:///E|/Program Files/Dreamweaver 8/UntitledFrame-2" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="top1" />
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
<frame src="file:///E|/Program Files/Dreamweaver 8/UntitledFrame-3" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="file:///E|/Program Files/Dreamweaver 8/Untitled-1" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
</frameset>
<noframes><body>
</body>
</noframes></html>

D. HTML基本框架怎麼寫

框架可以生成獨立變化和滾動的窗口，從而能將一個窗口分割為若干個字窗口。在每一個字窗口中顯示一個HTML文檔。我們這回就來看看多文檔的基本結構和子窗口之間的交叉鏈接。

一，基本結構HTML使用<Frameset>,<Frame>和<noFrames>標簽來定義框架。下面我們就來了解一下這三個標簽的作用和相應的屬性。

（一），<Frameset>標簽。

該標簽是框架設計標簽，成對使用。首尾標簽之間的內容就是使用到框架的HTML主體部分。在使用框架的HTML文檔中不能出現<body>標簽，否則會導致瀏覽器忽略所有的框定義而只顯示<body>和</body>之間的內容。

<Frameset>標簽作用是將窗口分割為若干個自窗口，子窗口的數目取決於嵌套在該標簽中<Frame>標簽的書目。<Frameset>標簽有兩個屬性。rows和cols，分別用來確定個子窗口的高度和寬度，格式為<Frameset rows="值1,值2,……值n">;<Framest cols="值1,值2,……值n">.各參數之間以逗號分割，依次表示各個自窗口的高度（寬度）。這兩個屬性的參數值可以是數字、百分數或符號「*」。下面我們來分別解釋一下：

（1）數字。表示子窗口高度（寬度）所佔的像素點數。

（2）百分數。表示子窗口高度（寬度）占整個瀏覽器窗口高度（寬度）的百分比。（3）符號「*」。當符號*只出現一次。即其他子窗口的大小都有明確的定義時，表示該子窗口的大小將根據瀏覽器窗口的大小而自動調整。當符號*出現一次以上時，表示按比例分割瀏覽器窗口的剩餘空間。例如：

<Frameset cols="40%,2*,*">表示將瀏覽器窗口分割為3列，第一個子窗口在第一列，窗口寬度為整個瀏覽器窗口寬度的40%；第二個子窗口在第二列，占瀏覽器窗口剩餘空間的2/3，即其寬度為整個瀏覽器窗口寬度的40%，第三個子窗口占剩餘空間的1/3，寬度為整個瀏覽瀏覽器窗口寬度的20%。

（二），<frame>標簽。HTML用<frame>標簽來標識子窗口。<frame>標簽是嵌套在框架設置標簽<Frameset>標簽中來使用的單獨標簽。在<Frameset>中定義了多少個子窗口就要有多少個<frame>標簽與之匹配，依次定義各個窗口的性質。<frame>標簽有7個屬性，除SRC屬性是不可預設的外，其他屬性都是可選的。

（1）SRC屬性。用以定義子窗口的名稱。

（2）.name屬性。用於定義子窗口的名稱。

（3）frameboder屬性。該屬性的參數值為1或0。當參數值為1時，表示該子窗口有邊框，為0時沒有邊框。該屬性預設值為1。

（4）bordercolor屬性。用以規定子窗口的邊框顏色。如果在一個以上的<frame>標簽中定義了子窗口的邊框顏色，則以第一次指定的顏色為標准。在指定邊框顏色時，可以使用顏色的RBG代碼或直接使用與該顏色想對應的英文單詞。bordercolor屬性的參數值可以是16種顏色中的任意一種。

（5）sclling屬性。屬性的參數值為yes,no或auto之一。參數值為yes時表示該子窗口始終有滾動條。為no時是始終沒有滾動條。為auto時表示當文檔的內容超出窗口范圍時，瀏覽器自動為該子窗口添加滾動條。scolling屬性的預設值為auto.

（6）maginwidth和marginwidht屬性。這兩個屬性是用來指定顯示內容與窗口邊界之間的空白距離大小的。其中maginwidth屬性用於確定顯示內容與左右邊界之間的距離；maginwidht用來確定顯示內容與上下邊界之間的距離。這兩個屬性的參數值都是數字。分別表示左右邊距所佔的像素點數。

（三），<noframes>標簽。使用該標簽可以在用戶瀏覽器不支持框架顯示時告之用戶一些相關信息，以免瀏覽者對空白窗口畫面感覺莫名其妙。<noframes>標簽是成對使用的。首尾標簽之間的內容就上告之瀏覽者的信息。如「如您看到空白的畫面說明您的瀏覽不支持框架顯示」。雖然常用的兩中瀏覽器IE和NC都是支持框架顯示的。但為了加強文檔的適用性，我們最好還是養成使用這個標簽的習慣。

（四），基本結構。

我們舉例說明HTML中框架文檔的基本結構：

<html>

<head>

<title>文檔標題</title>

</head>

<Frameset Cols="值1,值2,……,值n>將瀏覽器窗口分割為n個窗口。

<Frame SRC="1.html">

<frame SRC="2.html">

.

.

.

<frame SRC="n.html">

</Frameset>

<noframes>如果您看到空白的畫面，說明您的瀏覽器是不支持框架機構的</noframes>

</html>

其中，<frameset>標簽是可以嵌套使用的，也就是說，可以將其中某一個或幾個子窗口劃分為若干個更小的窗口。例如：

<html>

<Frameset cols="30%,90,*">

<frame SRC="1.html"name=cont>

<frame SRC="caipage.gif">

<frame SRC="2.html">

</frameset>

<frame SRC="f2.html"name=another marginheight=120>

</frameset>

<noframes>您使用的瀏覽器不支持框架</noframes>

</html>

二，目標窗口的交叉鏈接。

為了方便用戶進行搜索和瀏覽，我們經常用到一系列錨標組成的索引目錄顯示在一個子窗口中，而將錨標所指向的內容放在另一個子窗口中。顯示錨標的子窗口通常被成為」源窗口「，顯示目標文檔的窗口則稱之為「目標窗口」。

在進行交叉<frame>標簽的name屬性定義目標窗口的名稱，然後再修改顯示在源窗口中的文檔。在所有的<A>標簽中添加語句target="目標窗口名稱"來指定目標文檔的顯示位置。例如：/P>連接時，我們必須先用

<html>

<head>

<title>目標窗口測試頁</title>

</head>

<frameset cols="30%,90,*">

<frame src='f1.html"marginheight=60>

<frameset rows="120,*">

<frame src="caipage.gif">

<frame src="2.html">

</frameset>

<frame src="f2.html"name=another marginheight=60>

</frameset>

<noframes>您的瀏覽器不支持框架結構</noframes>

其中，第一個子窗口是源窗口。我們在源窗口的對應文檔f1.html中定義了一系列錨標，該文檔的內容如下：

<html>

<body>

<<center>（說明：文檔主體內容舉重顯示

<P><A href="田園風光.jpg" target="another">田園風光</A><P>

<A href="qiu.jpg" target="another">金色秋天</A><P>

<A href="tong.html" target="another">漁哥唱晚</A><P>

<A href="pig.gif" target="another">夕陽無限</A><P>

</body>

</html>

當用戶點擊錨標「田園風光」後，瀏覽器將在目標文檔顯示錨標的連接對象

E. HTML代碼，這個框架該怎麼寫

F. html代碼大全

1.結構性定義
文件類型 <HTML></HTML> （放在檔案的開頭與結尾）
文件主題 <TITLE></TITLE> （必須放在「文頭」區塊內）
文頭 <HEAD></HEAD> （描述性資料，像是「主題」）
文體 <BODY></BODY> （文件本體）
（由瀏覽器控制的顯示風格）
標題 <H?></H?> （從1到6，有六層選擇）
標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
區分 <DIV></DIV>
區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊 <BLOCKQUOTE></BLOCKQUOTE> （通常會內縮）
強調 <EM></EM> （通常會以斜體顯示）
特別強調 <STRONG></STRONG> （通常會以加粗顯示）
引文 <CITE></CITE> （通常會以斜體顯示）
碼 <CODE></CODE> （顯示原始碼之用）
樣本 <SAMP></SAMP>
鍵盤輸入 <KBD></KBD>
變數 <VAR></VAR>
定義 <DFN></DFN> （有些瀏覽器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
與外觀相關的標簽（作者自訂的表現方式）
加粗 <B></B>
斜體 <I></I>
底線 <U></U> （尚有些瀏覽器不提供）
刪除線 <S></S> （尚有些瀏覽器不提供）
下標 <SUB></SUB>
上標 <SUP></SUP>
打字機體 <TT></TT> （用單空格字型顯示）
預定格式 <PRE></PRE> （保留文件中空格的大小）
預定格式的寬度 <PRE WIDTH=?></PRE>（以字元計算）
向中看齊 <CENTER></CENTER> （文字與圖片都可以）
閃耀 <BLINK></BLINK> （有史以來最被嘲弄的標簽）
字體大小 <FONT SIZE=?></FONT>（從1到7）
改變字體大小 <FONT SIZE=+|-?></FONT>
基本字體大小 <BASEFONT SIZE=?> （從1到7; 內定為3）
字體顏色 <FONT COLOR='#$$$$$$'></FONT>
2.連結與圖形
連結 <A href='/URL'></A>
連結到錨點 <A HREF='URL#***'></A>（如果錨點在另一個檔案）
<A HREF='#***'></A> （如果錨點目前的檔案）
連結到目的視框 <A href='/URL' TARGET='***'></A>
設定錨點 <A NAME='***'></A>
圖形 <IMG src='/URL'>
圖形看齊方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>
圖形看齊方式 <IMG src='/URL'
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字 <IMG src='/URL' ALT='***'> （如果沒有辦法顯示圖形則顯示此文字）
點選圖 <IMG src='/URL' ISMAP> （需要CGI程式）
N2.0 點選圖 <IMG src='/URL' USEMAP='URL'>
N2.0 地圖 <MAP NAME='***'></MAP>（描述地圖）
N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>
3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels為單位） N1.0 圖形邊緣 <IMG src='/URL' BORDER=?> （以pixels為單位）
N1.0 圖形邊緣空間 <IMG src='/URL' HSPACE=? VSPACE=?> （以pixels為單位）
N1.0 低解析度圖形 <IMG src='/URL' LOWsrc='/URL'>
N1.1 用戶端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自動更新）
N2.0 內嵌物件 <EMBED src='/URL'> （將物件插入頁面）
N2.0 內嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>
3.分隔
段落 <P> （通常是兩個return）
3.0 段落 <P></P> （新定義成容器型標簽）
3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
換行 <BR> （一個return）
N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>（與圖形合用時）
橫線 <HR>
N1.0 橫線對齊 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 橫線厚度 <HR SIZE=?> （以pixels為單位）
N1.0 橫線寬度 <HR WIDTH=?> （以pixels為單位）
N1.0 橫線比率寬度 <HR WIDTH=%> （以頁寬為100%）
N1.0 實線 <HR NOSHADE> （沒有立體效果）
N1.0 不可換行 <NOBR></NOBR> （不換行）
N1.0 可換行處 <WBR> （如果需要，可在此斷行）
列舉（可以巢狀列舉）
無次序式列舉 <UL><LI></UL> （<LI> 放在每一項前）
N1.0 公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>（定義全部的列舉項）
<LI TYPE=DISC|CIRCLE|SQUARE>（定義這個及其後的列舉項）
有次序式列舉 <OL><LI></OL> （<LI> 放在每一項前）
N1.0 數標型態 <OL TYPE=A|a|I|i|1> （定義全部的列舉項）
<LI TYPE=A|a|I|i|1> （定義這個及其後的列舉項）
N1.0 起始數字 <OL value=?> （定義全部的列舉項）
<LI value=?> （定義這個及其後的列舉項）
定義式列舉 <DL><DT><DD></DL>（<DT>項目, <DD>定義）
表單式列舉 <MENU><LI></MENU>（<LI> 放在每一項前）
目錄式列舉 <DIR><LI></DIR> （<LI> 放在每一項前）
背景與顏色
3.0 重復排列的背景 <BODY background='/URL'>
N1.1+ 背景顏色 <BODY BGCOLOR='#$$$$$$'> （依序為紅、綠、藍）
N1.1+ 文字顏色 <BODY TEXT='#$$$$$$'>
N1.1+ 連結顏色 <BODY LINK='#$$$$$$'>
N1.1+ 看過的連結 <BODY VLINK='#$$$$$$'>
N1.1 使用中的連結 <BODY ALINK='#$$$$$$'>
4.特殊字元（以下標簽需用小寫）
特別符號 &#?; （其中 ? 代表 ISO 8859-1 的編碼）
< < > > & & ' '
注冊商標TM ?
N1.0+ 注冊商標TM ?
著作權符號 ?
N1.0+ 著作權符號 ?
5.表單（通常需要與CGI程式配合）
定義表單 <FORM ACTION='URL' METHOD=GET|POST></FORM>
N2.0 上傳檔案 <FORM ENCTYPE='multipart/form-data></FORM>
輸入欄位 <INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'>
欄位名稱 <INPUT NAME='***'>
欄位內定值 <INPUT value='***'>
已選定 <INPUT CHECKED> （適用於checkboxes與 radio boxes）
欄位寬度 <INPUT SIZE=?> （以字元數為單位）
最長字數 <INPUT MAXLENGTH=?> （以字元數為單位）
下拉式選單 <SELECT></SELECT>
下拉式選單名稱 <SELECT NAME='***'></SELECT>
選單項目數量 <SELECT SIZE=?></SELECT>
多選式選單 <SELECT MULTIPLE> （多選）
選項 <OPTION>
內定選項 <OPTION SELECTED>
文字輸入區 <TEXTAREA ROWS=? COLS=?></TEXTAREA>
輸入區名稱 <TEXTAREA NAME='***'></TEXTAREA>
N2.0 輸入區換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
6.表格
3.0 定義表格 <TABLE></TABLE>
3.0 表格框線 <TABLE BORDER></TABLE> （有或沒有）
N1.1 表格框線 <TABLE BORDER=?></TABLE>（可以設定數值）
N1.1 儲存格左右留白 <TABLE CELLSPACING=?>
N1.1 儲存格上下留白 <TABLE CELLPADDING=?>
N1.1 表格寬度 <TABLE WIDTH=?> （以pixels為單位）
N1.1 寬度比率 <TABLE WIDTH=%> （頁寬為100%）
3.0 表格列 <TR></TR>
3.0 表格列內容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 儲存格 <TD></TD> （須與列並用）
3.0 儲存格內容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不換行 <TD NOWRAP>
N3.0 儲存格背景顏色 <TD BGCOLOR=#$$$$$$>
3.0 儲存格橫向連接 <TD COLSPAN=?>
3.0 儲存格縱向連接 <TD ROWSPAN=?>
N1.1 儲存格寬度 <TD WIDTH=?> （以pixels為單位）
N1.1 儲存格寬度比率 <TD WIDTH=%> （頁寬為100%）
3.0 表格標題 <TH></TH> （跟<TD>一樣，不過會對中並加粗）
3.0 表格標題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格標題不換行 <TH NOWRAP>
3.0 表格標題占幾欄 <TH COLSPAN=?>
3.0 表格標題占幾列 <TH ROWSPAN=?>
N1.1 表格標題寬度 <TH WIDTH=?> （以pixels為單位）
N1.1 表格標題比率寬度<TH WIDTH=%> （頁寬為100%）
3.0 表格抬頭 <CAPTION></CAPTION>
3.0 表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）
視框（定義與控制螢幕上的特定區域）
N2.0 視框格式總定義 <FRAMESET></FRAMESET> （取代<BODY>）
N2.0 視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %）
N2.0 視框行長度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相對大小）
N2.0 視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %）
N2.0 視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> （* =相對大小）
N2.0 定義個別視框 <FRAME> （定義個別視框）
N2.0 個別視框內容 <FRAME src='/URL'>
N2.0 個別視框名稱 <FRAME NAME='***'|_blank|_self|_parent|_top>
N2.0 邊緣寬度 <FRAME MARGINWIDTH=?> （「左」與「右」邊界）
N2.0 邊緣高度 <FRAME MARGINHEIGHT=?> （「天頂」與「地底」邊界）
N2.0 卷動條 <FRAME SCROLLING='YES|NO|AUTO'>
N2.0 不可改變大小 <FRAME NORESIZE>
N2.0 無視框時的內容 <NOFRAMES></NOFRAMES>（如果瀏覽器不提供視框功能的話）
7.雜項
說明  （瀏覽器不會顯示）

G. 寫出HTML文件的基本框架結構代碼

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<title></title>
</head>
<body>
</body>
</html>

導航:首頁 > 編程語言 > html框架和層的代碼

html框架和層的代碼

與html框架和層的代碼相關的資料

友情鏈接