導航:首頁 > 萬維百科 > 網頁設計框架代碼

網頁設計框架代碼

發布時間:2020-08-21 16:02:56

1、網頁框架代碼

你切換到代碼也看看,如頂部框架,<
frameset rows="80,*" frameborder="no" border="0" framespacing="0">
<frame src="1.htm" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
<frame src="2.htm" name="mainFrame" id="mainFrame" />
</frameset>

target的值就是目標框架的name的值。

即在上框架頁面的鏈接target="mainFrame".

具體得看目標框架的name值是什麼,target就等於什麼。

2、網頁框架設計代碼

<frameset rows="334,199,66">
<frame id="top" src="top.html"></frame>
<frameset cols="196,425,226">
<frame id="left" src="left.html"></frame>
<frame id="middle" src="middle.html"></frame>
<frame id="right" src="right.html"></frame>
</frameset>
<frame id="bottom" src="bottom.htm"></frame>
</frameset>
看看你要的是不是這樣的?

3、製作網頁的所有代碼和代碼意思

這個最全 http://ke.baidu.com/view/692.htm [編輯本段]HTML規范 一、 HTML 頭: 1、針對日文環境: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 2、針對中文環境: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>yourtitle</title> </head> 我們建議的編碼格式是utf-8,它支持多語種,並且可以避免出現亂碼的情況。 二、html中javascript的書寫: <head>….. <script type="text/javascript"> <!—…..--> </script> </head> 當然我們不希望你是這樣內嵌教本,而是從一個外部文件進行引用,並且只把它放在文檔的頭部。 <script src="path/to/script.js" language="javascript" type="text/javascript"></script> 三、html中元素的書寫: 1、 元素屬性值必須包含在雙引號中; <font color=」#000000」 size=」3」 face=」Arial」> 2、 form 中必須加action屬性,並且不能為空。 <form action=」/r/add.cgi」 method=」post」> 如果不需要使用action屬性,也必須定義: <form action=」no」 > 3、 img的alt屬性不可以缺少; <img src="/q/img/btn_style.gif" border="0" alt="Select」> 4、 head與</head>之間必須有title; <head> …… <title>your title </title> …… </head> 5、 tr、td必須定義在table之間; 6、 button按鈕必須定義在form之間,否則netscape不支持; <form action=」……」 method=」post」> <input type=」button」 name=」but」 value=」back」> </form> 7、 在javascript中的字元串中出現的「/」前要用轉義符「\」: <script type=」text/javascript」> <!— function check(str) { var str=」\/r\/add.cgi」; …… } --> </script> 8、 onclick 屬性必須和 onkeypress 成對寫( onmousedown + onkeydown、onmouseup + onkeyup) mm 9、 用URL傳值時直接寫&是不可以的,可用&替換: 四、縮近規則: 中,等必須保持嚴格的縮近規則,以"Tab"鍵為准: 五、為了檢驗您的HTML代碼是否合法,您可以到W3的HTML Validator工具中進行檢驗,支持URI輸入,上傳文件和直接輸入代碼三種方式進行檢驗 http://validator.w3.org/ [編輯本段]HTML元素參考手冊 (HTML Elements Referencea) 表示超鏈接的起始或目的位置。 acronym 表示取首字母的縮寫詞。 address 表示特定信息,如地址、簽名、作者、文檔信息。 applet 在頁面上放置可執行內容。 area 定義一個客戶端圖像映射中一個超級鏈接區域的形狀、坐標和關聯 URL。 b 指定文本應以粗體顯示。(不建議使用) base 指定一個顯式 URL 用於解析對於外部源的鏈接和引用,如圖像和樣式表。 basefont 設置顯示文本時作為默認字體的基礎字體值。(不建議使用) bdo 允許作者為選定文本片斷禁用雙向法則。 bgsound 使頁面能夠帶有背景聲音或配音。 big 指定所含文本要以比當前字體稍大的字體顯示。 blockquote 表示文本中的一段引用語。 body 指明文檔主體的開始和結束。 br 插入一個換行符。 button 指定一個容器,其中所含的 HTML 會被顯示為一個按鈕。 caption 表格的標題,對表格的簡單描述。 center 將指定文本和圖像居中顯示。(不建議使用) cite 用斜體顯示標明引文。(不建議使用) code 表示代碼範例。 col 說明基於列的表格預設屬性。 colgroup 說明表格中一列或一組列的預設屬性。 comment 表示不可見的注釋。防止所包含的文本或者HTML源代碼被瀏覽器解析和顯示。 dd 在定義列表中表示定義。定義通常在定義列表中縮進顯示。 del 表示文本已經從文檔中刪除。 dfn 表示術語的定義。(不建議使用) dir 表示目錄列表。(不建議使用) div 表示一塊可顯示 HTML 的區域 dl 表示定義列表。 dt 在定義列表中表示定義術語。 em 強調文本,通常以斜體顯示。 embed 允許嵌入任何類型的文檔。 fieldset 在欄位集包含的文本和其它元素外面畫一個方框。 font 用於說明所包含文本的新字體、大小和顏色。 form 說明所包含的控制項是某個表單的組成部分。 frame 在FRAMESET 元素內表示單個框架。 frameset 表示一個框架集,用於組織多個框架和嵌套框架集。 head 提供了關於文檔的無序信息集合。 h1-h6 這實際上是6個標簽,他們以標題樣式顯示文本,h1最大,h6最小。 hr 水平線。 html 表明文檔包含 HTML 元素。 i 指定文本應以斜體顯示。(不建議使用) iframe 創建內嵌漂浮框架。 img 在文檔中嵌入圖像或視頻片斷。 input 創建各種表單輸入控制項。 input type=button 創建按鈕控制項。 input type=checkbox 創建復選框控制項。 input type=file 創建文件上載控制項,該控制項帶有一個文本框和一個瀏覽按鈕。 input type=hidden 傳輸關於客戶/伺服器交互的狀態信息。 input type=image 創建一個圖像控制項,該控制項被點擊後將導致表單立即被提交。 input type=password 創建與 INPUT type=text 控制項類似的單行文本輸入控制項,不過並不顯示用戶輸入的內容。 input type=radio 創建單選鈕控制項。 input type=reset 創建一個按鈕,點擊該按鈕後,將重置表單控制項回其初始值。 input type=submit 創建一個按鈕,點擊該按鈕後,即提交表單。 input type=text 創建一個單行的文本輸入控制項。 ins 表示插入到文檔中的文本。 isindex 使瀏覽器顯示一個對話框,提示用戶輸入單行文本。(不建議使用) kbd 以定寬字體顯示文本。(不建議使用) label 為頁面上的其它元素指定標簽。 legend 在fieldSet 對象繪制的方框內插入一個標題。 li 表示列表中的一個項目。 link 允許當前文檔和外部文檔建立連接。 listing 以固定寬度的字體顯示文本。 map 包含客戶端圖像映射的坐標數據。 marqueee 創建一個滾動的文本字幕。(不建議使用) menu 創建一個無序列表。 meta 向伺服器和客戶端傳達關於文檔的隱藏信息。 nobr 不換行顯示文本。 noframes 包含對於那些不支持 FRAMESET 元素的瀏覽器使用的 HTML。 noscript 指定在不支持腳本的瀏覽器中顯示的 HTML。 object 在HTML 頁面中插入對象。 ol 編制排序列表。 optgroup 允許作者對 select 元素中的選項進行邏輯分組。 option 表示SELECT 元素中的一個選項。 p 表示一段。 param 設置APPLET、EMBED 或 OBJECT 元素的屬性初始值。 pre 以固定寬度字體顯示文本。 q 分離文本中的引語。 s 帶刪除線方式顯示文本。(不建議使用) samp 表示代碼範例。 script 指定由腳本引擎解釋的頁面中的腳本。 select 表示一個列表框或者一個下拉框。 small 指定內含文本要以比當前字體稍小的字體顯示。 span 指定內嵌文本容器。 strike 帶刪除線顯示文本。(不建議使用) strong 以粗體顯示文本。 style 指定頁面的樣式表。 sub 說明內含文本要以下標的形式顯示,比當前字體稍小。 sup 說明內含文本要以上標的形式顯示,比當前字體稍小。 table 說明所含內容組織成含有行和列的表格形式。 tbody 指明哪些行作為表格的主體。 td 指定表格中的單元格。 textarea 多行文本輸入控制項。 tfoot 指明哪些行作為表尾。 th 指定標題列。標題列將在單元格中居中並以粗體顯示。 thead 指定哪些行作為表頭。 title 文檔的標題。 tr 指定表格中的一行。 tt 以固定寬度字體顯示文本。(不建議使用) u 帶下劃線顯示文本。(不建議使用) ul 表示不排序的項目列表。 var 定義程序變數,通常以斜體顯示。 wbr 向一塊 NOBR 文本中插入軟換行。

4、網頁設計代碼

5、網頁設計中的邊框代碼如何做?

用到CSS樣式和HTML標簽元素,為了對html不同標簽加邊框虛線,我們選擇幾個常用標簽對齊設置邊框虛線效果.

1、html常用標簽:p標簽 spanul li table tr td;

2、實例用到CSS屬性單詞:border width height;

3、實現虛線的CSS重點介紹

border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線).

border:1px dashed #F00 這個就是設置邊框樣式寬度為1px 虛線,虛線為紅色.

6、我用DW做這個網頁框架,代碼怎麼寫?可加分

可以分為四大部分,

這樣用DIv寫出來就可以,

7、求一個網頁製作的大概框架代碼

這個容易,有自己喜歡的網站模仿嗎?然後網頁另存為,或者右擊「查看源代碼」,然後放到dremware那裡,就能模仿了,一個簡單的靜態頁面,你就完成啦

8、網頁設計:用DW怎麼布局網頁的樣式或框架,網頁設計常用的代碼有哪些?

使用css或者div都行,靜態網頁設計代碼主要就是一些表格,層,超鏈接,css這些,動態網頁就有Javascript腳本語言,還有Java語言

9、dreamweaver DIV CSS 製作這樣網頁框架代碼,要代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
.head { width:1000px; height:100px; margin:auto; overflow:hidden; border:1px solid #666; }
.banner { width:1000px; height:150px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }
.main { width:1000px; height:300px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px; }
.main .left { width:299px; height:300px; border-right:1px solid #666; float:left; }
.main .center { width:349px; height:300px; border-right:1px solid #666; float:left; }
.main .center .mt { height:100px; border-bottom:1px solid #666;}
.main .center .mb {}

.main .right { width:350px; height:300px; float:left; }
.footer { width:1000px; height:80px; margin:auto; overflow:hidden; border:1px solid #666; margin-top:10px;}
</style>
</head>

<body>

<div class="head">
</div>

<div class="banner">
</div>

<div class="main">
<div class="left"></div>
<div class="center">
<div class="mt"></div>
<div class="mb"></div>
</div>
<div class="right"></div>
</div>

<div class="footer">
</div>

</body>
</html>

看看是不是你要的樣子,有問題留言給我

10、網頁設計源代碼

HTML語法大全

<!> 跑馬燈
<marquee>...</marquee>普通卷動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設卷動
<marquee behavior=alternate>...</marquee>來回卷動
<marquee direction=down>...</marquee>向下卷動
<marquee direction=up>...</marquee>向上卷動
<marquee direction=right></marquee>向右卷動
<marquee direction=left></marquee>向左卷動
<marquee loop=2>...</marquee>卷動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定卷動距離
<marquee scrolldelay=300>...</marquee>設定卷動時間
<!>字體效果
<h1>...</h1>標題字(最大)
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無限增大
<!>區斷標記
<hr>水平線
<hr size=9>水平線(設定大小)
<hr width=80%>水平線(設定寬度)
<hr color=ff0000>水平線(設定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結格式
<base href=地址>(預設好連結路徑)
<a href=地址></a>外部連結
<a href=地址 target=_blank></a>外部連結(另開新窗口)
<a href=地址 target=_top></a>外部連結(全窗口連結)
<a href=地址 target=頁框名></a>外部連結(在指定頁框連結)
<!>貼圖/音樂
<img src=圖片地址>貼圖
<img src=圖片地址 width=180>設定圖片寬度
<img src=圖片地址 height=30>設定圖片高度
<img src=圖片地址 alt=提示文字>設定圖片提示文字
<img src=圖片地址 border=1>設定圖片邊框
<bgsound src=MID音樂文件地址>背景音樂設定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與網格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定網格線與網格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合並欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合並列的列數(使用數字)
<!>分割窗口
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 批註
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>...</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經據典的文字
<CODE>...</CODE> 用於列出一段程序代碼
<COMMENT>...</COMMENT> 加上批註
<DD> 設定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字卷標
<DL>...</DL> 設定定義列表的卷標
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<FORM ACTION> 設定戶動式窗體的處理方式
<FORM METHOD> 設定戶動式窗體之資料傳送方式
<FRAME MARGINHEIGHT> 設定窗口的上下邊界
<FRAME MARGINWIDTH> 設定窗口的左右邊界
<FRAME NAME> 為分割窗口命名
<FRAME NORESIZE> 鎖住分割窗口的大小
<FRAME SCROLLING> 設定分割窗口的滾動條
<FRAME SRC> 將HTML文件加入窗口
<FRAMESET COLS> 將窗口分割成左右的子窗口
<FRAMESET ROWS> 將窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 劃分分割窗口
<H1>~<H6> 設定文字大小
<HEAD> 標示文件信息
<HR> 加上分網格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME value> 在窗體中加入輸入欄位
<ISINDEX> 定義查詢用窗體
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字卷標
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割窗口的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義窗體中列表欄的項目
<P ALIGN> 設定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在窗體中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整數據域位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>...</TABLE> 產生表格的卷標
<TD ALIGN> 調整表格欄位之左右對齊
<TD BGCOLOR> 設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合並
<TD NOWRAP> 設定表格欄位不換行
<TD VALIGN> 調整表格欄位之上下對齊
<TD WIDTH> 調整表格欄位寬度
<TD>...</TD> 定義表格的數據域位
<TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標頭欄位
<TITLE> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數
請採納。

與網頁設計框架代碼相關的知識