1、網頁設計代碼大全
?
2、求最新網頁設計代碼大全！！！
http://tool.136z.com/AdCode/
3、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.雜項
說明 <!-- *** --> （瀏覽器不會顯示）
4、我想搞個網頁設計 求HTML代碼大全
http:／／tcsay2010.blog.163.com/blog/static/14000227320103140269619/
把以上的／換成英文狀態下的/
5、食品類網頁設計
網頁的主欄目3-5個 比如說首頁 關於我們 產品展示 在線留言 聯系我們 其中關於我們裡面估計有2-3個二級欄目 也就是下拉菜單 再就是產品展示中估計有幾個二級欄目 懂不
6、急求！！！網頁設計 HTML代碼大全
HTML標記_HTML大全_HTML標記大全_超文本標記語言
網頁（WebPage）文件主要是用超文本標記語言（HyperText Markup Language，簡稱HTML）語句來寫成。您可以通過IE瀏覽器的「查看」菜單中的「源文件」看到該頁的HTML代碼。HTML語言由一系列元素(element)組成，用於組織文件的內容和指導文件的輸出格式。元素名稱不分大小寫。一個元素可以有多個屬性，屬性及其屬性值不分大小寫。屬性名＝屬性值合起來構成一個完整的屬性，一個元素可以有多個屬性，各個屬性用空格分開。元素又由標記(tag)的構成，大多數標記是成對出現的，分起始標記< >(start tag)和結尾標記</ >(end tag)，以便和頁面的內容區分開來。其寫成的文件是標準的ASCII文件，不同於一般的編程語言，故稱為腳本（Script）更准確一點。其實也很簡單，特別是在專門的HTML編輯器的幫助下，您可以迅速地學會HTML，並能很快寫出有自己特色的Homepage來。
需要說明的是：各種瀏覽器對html元素及其屬性的解釋不完全一樣，如NC與IE是有區別的。
標 簽 內 容 備 注
基 本 標 簽 所有HTML文件都有的
<html>……</html> 表示文件類型為HTML文檔
<head>……</head> 設置文檔描述及其他不在WEB網頁上顯示的信息
<body>……</body> HTML文檔的主體（頁面的實際內容）
標 題 標 簽
<title>……</title> 在標題欄中顯示的題目（放在<head></head>內）
擴 展 屬 性 標 簽
<base>
基址標簽，為解決相對編址作參考值
<META>
將HTTP命令發給CONTENT=number;url允許，描述不包含在標准HTML里的文檔信息。使用詳解
<link>
提供將現行文檔與其它文檔或實體關聯起來的信息
<ISINDEX> 指明在伺服器上提供文檔的可以檢索的索引
<style>……</style> 允許包含樣式表（CSS）信息
頁 面 屬 性 標 簽 <body>……</body>標簽的擴展屬性。使用詳解
<body bgcolor=#……> 設置背景顏色，用名字或十六進制值
<body text=#……> 設置文本文字顏色，用名字或十六進制值
<body link=#……> 設置鏈接顏色，用名字或十六進制值
<body vlink=#……> 設置已使用的鏈接的顏色，用名字或十六進制值
<body alink=#……> 設置正在被擊中鏈接的顏色，用名字或十六進制值
文 本 標 簽
<pre>……</pre> 創建預格式化文本
<h1>……</h1> 創建最大的標題
<h6>……</h6> 創建最小的標題
<b>……</b> 創建黑體字
<i>……</i> 創建斜體字
<tt>……</tt> 創建打字機風格的字體
<cite>……</cite> 創建一個引用，通常是斜體
<em>……</em> 加重（通常是斜體加黑體）
<strong>……</strong> 強調（通常是斜體加黑體）
<font size=value></font> 設置字體大小，從1到7
<font color=……></font> 設置字體的顏色，使用名字或十六進制值
鏈 接
<a href="/URL"></a> 創建一個超鏈接
<a href="mailto:EMAIL"> </a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a> 創建一個位於文檔內部的靶位
<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的鏈接
格 式 排 版
<p> 創建一個新的段落
<p align=……> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote>……</blockquote> 從兩邊縮進文本
<dl>……</dl> 創建一個定義列表
<dt> 放在每個定義術語詞之前
<dd> 放在每個定義之前
<ol>……</ol> 創建一個標有數字的列表
<li> 放在每個數字列表項之前，並加上一個數字
<ul>……</ul> 創建一個標有圓點的列表
<li> 放在每個圓點列表項之前，並加上一個圓點
<div align=……> 一個用來排版大塊HTML段落的標簽，也用於格式化表
圖 形 元 素
<img src="/name"> 添加一個圖像
<img src="/name" align=value> 排列對齊一個圖像：左中右或上中下
<img src="/name" border=value> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=value> 設置水平線的大小（高度）
<hr width=value> 設置水平線的寬度（百分比或絕對像素點）
<hr noshade> 創建一個沒有陰影的水平線
表 格
<table>……</table> 創建一個表格
<tr>……</tr> 開始表格中的每一行
<td>……</td> 開始一行中的每一個格子
<th>……</th> 設置表格頭：一個通常使用黑體居中文字的格子
表 格 屬 性
<table border=value> 設置圍繞表格的邊框的寬度
<table cellspacing=value> 設置表格格子之間空間的大小
<table cellpadding=value> 設置表格格子邊框與其內部內容之間空間的大小
<table width=value 或 %> 設置表格的寬度－用絕對像素值或文檔總寬度的百分比
<tr align=……> 設置表格格子的水平對齊（左中右）
<tr valign=……> 設置表格格子的垂直對齊（上中下）
<td colspan=value> 設置一個表格格子應跨占的列數（預設為1）
<td rowspan=value> 設置一個表格格子應跨占的行數（預設為1）
<td nowrap> 禁止表格格子內的內容自動斷行回卷
窗 框
<frameset>……</frameset> 放在一個窗框文檔的<body>標簽之前，也可以嵌在其他窗框文檔中
<frameset rows="value,value"> 定義一個窗框內的行數，可以使用絕對像素值或高度的百分比
<frameset cols="value,value"> 定義一個窗框內的列數，可以使用絕對像素值或寬度的百分比
<frame> 定義一個窗框內的單一窗或窗區域
<noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什麼提示
窗 框 屬 性
<frame src="/URL"> 規定窗框內顯示什麼HTML文檔
<frame name="name"> 命名窗框或區域以便別的窗框可以指向它
<frame marginwidth=value> 定義窗框左右邊緣的空白大小，必須大於等於1
<frame marginheight=value> 定義窗框上下邊緣的空白大小，必須大於等於1
<frame scrolling=value> 設置窗框是否有滾動欄，其值可以是"yes","no","auto"，預設時一般為"auto"
<frame noresize> 禁止用戶調整一個窗框的大小
表 單 對於功能性的表單，一般需要運行一個CGI小程序，HTML僅僅是產生表單的表面樣子。
<form>……</form> 創建所有表單
<select multiple name="NAME" size=value>………</select> 創建一個滾動菜單，size設置在需要滾動前可以看到的表單項數目
<option> 設置每個表單項的內容
<select name="NAME">……</select> 創建一個下拉菜單
<textarea name="NAME" cols=value rows=value>……</textarea> 創建一個文本框區域，列的數目設置寬度，行的數目設置高度
<input type="checkbox" name="NAME"> 創建一個復選框，文字在標簽後面
<input type="radio" name="NAME" value="x"> 創建一個單選框，文字在標簽後面
<input type=text name="……" size=value> 創建一個單行文本輸入區域，size設置以字元計的寬度
<input type="submit" value="NAME"> 創建一個submit（提交）按鈕
<input type="image" border=0 name="NAME" src="/name.gif"> 創建一個使用圖象的submit（提交）按鈕
<input type="reset"> 創建一個reset（重置）按鈕
附 加 屬 性
<PRE>……</PRE> 預置格式風格標簽用來顯示字體寬度固定的文本塊，主要用來在表格格式中顯示文本
<TT>……</TT> 打字機風格用來顯示打字機字體寬度固定的文本
<SAMP>……</SAMP> 示例風格以單倍距顯示文本
<ADDRESS>……</ADDRESS> 地址風格一般用於文檔的開始或結尾處，並以斜體格式顯示文本。
<DL>……</DL> 定義列表風格用來顯示術語及其定義
顏色
#=rrggbb 16 進制 RGB 數值，或者是下列預定義色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]
META標簽
描述不包含在標准HTML里的文檔信息。
<META NAME="keywords" CONTENT="yourkeyword">
<META NAME="description" CONTENT="your homepage's description">
本頁的關鍵字和描述。在頁面里加上這些定義後，一些搜索引擎就能夠讓讀者根據這些關鍵字搜索到您的主頁，了解你的主頁內容。
<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">
瀏覽器將在30秒後，自動轉到new.htm。您可用它製作一個封面，在若干時間後，自動帶讀者來到您的目錄頁。如果URL項沒有，瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現原理。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
描述本頁使用的語言。瀏覽器根據此項，就可以選擇正確的語言編碼，而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文，而台灣BIG5內碼的主頁則是用BIG5。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
強制性調用網上的最新版本。瀏覽器為節約時間，在本地硬碟上保存一個臨時文件。在重新調用時，便直接顯示那個臨時文件。如果您想讓讀者每次都看到最新的版本，可加上句。[返回本頁首部]
LINK
顯示本文檔和其他文檔之間的連接關系。一個最有用的應用就是外部層疊樣式表的定位。格式如下：
<LINK REL="stylesheet" href="/style.css">REL參數說明兩個文檔之間的關系，HREF說明目標文檔名。關於層疊樣式表，將在後面的課程中詳述。[返回本頁首部]
BASE
本文檔的原始地址。語法：<BASE HREF="原始地址">當讀者下載您的文檔後，由此可以知道是從哪裡下載的。[返回本頁首部]
BODY
BODY標記有一些屬性，用於定義頁面內的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。
ALINK：當前激活的連接的文字顏色。
LINK：連接的文字顏色。
TEXT：文字的顏色。
VLINK：參觀過的文字顏色。
注意：文字的顏色要和背景色有明顯的差別，以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。
BACKGROUND：背景圖案，該圖案在頁面內平鋪。背景圖案應保持單一色調，以保證頁面文字易於閱讀。
BGPROPERTIES：設置成FIXED，則背景圖案不滾動。（只對INTERNET EXPLORER有效）
BGCOLOR：背景色。
注意：如果你的背景圖案是深色調，因之文字顏色為淡顏色，那麼由於瀏覽器調用頁面的順序是「背景色-文字-背景圖案」，那麼在背景圖案沒有顯示的情況下，你的文字在白顏色下很難閱讀，所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN——頁邊空白。（只對INTERNET EXPLORER有效）
LEFTMARGIN：左邊頁邊空白。
TOPMARGIN：頂端頁邊空白。