今天給各位分享靜態(tài)網(wǎng)頁設(shè)計(jì)代碼模板的知識，其中也會(huì)對簡單的靜態(tài)網(wǎng)頁代碼進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、急求?。?！網(wǎng)頁設(shè)計(jì) HTML代碼大全
• 2、求html靜態(tài)頁面的代碼，簡單點(diǎn)的?
• 3、靜態(tài)網(wǎng)頁制作步驟
• 4、制作html靜態(tài)網(wǎng)頁

急求?。?！網(wǎng)頁設(shè)計(jì) HTML代碼大全

HTML標(biāo)記_HTML大全_HTML標(biāo)記大全_超文本標(biāo)記語言

網(wǎng)頁（WebPage）文件主要是用超文本標(biāo)記語言（HyperText Markup Language，簡稱HTML）語句來寫成。您可以通過IE瀏覽器的“查看”菜單中的“源文件”看到該頁的HTML代碼。HTML語言由一系列元素(element)組成，用于組織文件的內(nèi)容和指導(dǎo)文件的輸出格式。元素名稱不分大小寫。一個(gè)元素可以有多個(gè)屬性，屬性及其屬性值不分大小寫。屬性名＝屬性值合起來構(gòu)成一個(gè)完整的屬性，一個(gè)元素可以有多個(gè)屬性，各個(gè)屬性用空格分開。元素又由標(biāo)記(tag)的構(gòu)成，大多數(shù)標(biāo)記是成對出現(xiàn)的，分起始標(biāo)記 (start tag)和結(jié)尾標(biāo)記/ (end tag)，以便和頁面的內(nèi)容區(qū)分開來。其寫成的文件是標(biāo)準(zhǔn)的ASCII文件，不同于一般的編程語言，故稱為腳本（Script）更準(zhǔn)確一點(diǎn)。其實(shí)也很簡單，特別是在專門的HTML編輯器的幫助下，您可以迅速地學(xué)會(huì)HTML，并能很快寫出有自己特色的Homepage來。

需要說明的是：各種瀏覽器對html元素及其屬性的解釋不完全一樣，如NC與IE是有區(qū)別的。

標(biāo) 簽 內(nèi) 容 備 注

基 本 標(biāo) 簽 所有HTML文件都有的

html……/html 表示文件類型為HTML文檔

head……/head 設(shè)置文檔描述及其他不在WEB網(wǎng)頁上顯示的信息

body……/body HTML文檔的主體（頁面的實(shí)際內(nèi)容）

標(biāo) 題 標(biāo) 簽 　

title……/title 在標(biāo)題欄中顯示的題目（放在head/head內(nèi)）

擴(kuò) 展 屬 性 標(biāo) 簽 　

base

基址標(biāo)簽，為解決相對編址作參考值

META

將HTTP命令發(fā)給CONTENT=number;url允許，描述不包含在標(biāo)準(zhǔn)HTML里的文檔信息。使用詳解

link

提供將現(xiàn)行文檔與其它文檔或?qū)嶓w關(guān)聯(lián)起來的信息

ISINDEX 指明在服務(wù)器上提供文檔的可以檢索的索引

style……/style 允許包含樣式表（CSS）信息

頁 面 屬 性 標(biāo) 簽 body……/body標(biāo)簽的擴(kuò)展屬性。使用詳解

body bgcolor=#…… 設(shè)置背景顏色，用名字或十六進(jìn)制值

body text=#…… 設(shè)置文本文字顏色，用名字或十六進(jìn)制值

body link=#…… 設(shè)置鏈接顏色，用名字或十六進(jìn)制值

body vlink=#…… 設(shè)置已使用的鏈接的顏色，用名字或十六進(jìn)制值

body alink=#…… 設(shè)置正在被擊中鏈接的顏色，用名字或十六進(jìn)制值

文 本 標(biāo) 簽 　

pre……/pre 創(chuàng)建預(yù)格式化文本

h1……/h1 創(chuàng)建最大的標(biāo)題

h6……/h6 創(chuàng)建最小的標(biāo)題

b……/b 創(chuàng)建黑體字

i……/i 創(chuàng)建斜體字

tt……/tt 創(chuàng)建打字機(jī)風(fēng)格的字體

cite……/cite 創(chuàng)建一個(gè)引用，通常是斜體

em……/em 加重（通常是斜體加黑體）

strong……/strong 強(qiáng)調(diào)（通常是斜體加黑體）

font size=value/font 設(shè)置字體大小，從1到7

font color=……/font 設(shè)置字體的顏色，使用名字或十六進(jìn)制值

鏈 接 　

a href="/URL"/a 創(chuàng)建一個(gè)超鏈接

a href="mailto:EMAIL" /a 創(chuàng)建一個(gè)自動(dòng)發(fā)送電子郵件的鏈接

a name="NAME"/a 創(chuàng)建一個(gè)位于文檔內(nèi)部的靶位

a href="#NAME"/a 創(chuàng)建一個(gè)指向位于文檔內(nèi)部靶位的鏈接

格 式 排 版 　

p 創(chuàng)建一個(gè)新的段落

p align=…… 將段落按左、中、右對齊

br 插入一個(gè)回車換行符

blockquote……/blockquote 從兩邊縮進(jìn)文本

dl……/dl 創(chuàng)建一個(gè)定義列表

dt 放在每個(gè)定義術(shù)語詞之前

dd 放在每個(gè)定義之前

ol……/ol 創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表

li 放在每個(gè)數(shù)字列表項(xiàng)之前，并加上一個(gè)數(shù)字

ul……/ul 創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表

li 放在每個(gè)圓點(diǎn)列表項(xiàng)之前，并加上一個(gè)圓點(diǎn)

div align=…… 一個(gè)用來排版大塊HTML段落的標(biāo)簽，也用于格式化表

圖 形 元 素 　

img src="/name" 添加一個(gè)圖像

img src="/name" align=value 排列對齊一個(gè)圖像：左中右或上中下

img src="/name" border=value 設(shè)置圍繞一個(gè)圖像的邊框的大小

hr 加入一條水平線

hr size=value 設(shè)置水平線的大?。ǜ叨龋?/p>

hr width=value 設(shè)置水平線的寬度（百分比或絕對像素點(diǎn)）

hr noshade 創(chuàng)建一個(gè)沒有陰影的水平線

表 格 　

table……/table 創(chuàng)建一個(gè)表格

tr……/tr 開始表格中的每一行

td……/td 開始一行中的每一個(gè)格子

th……/th 設(shè)置表格頭：一個(gè)通常使用黑體居中文字的格子

表 格 屬 性 　

table border=value 設(shè)置圍繞表格的邊框的寬度

table cellspacing=value 設(shè)置表格格子之間空間的大小

table cellpadding=value 設(shè)置表格格子邊框與其內(nèi)部內(nèi)容之間空間的大小

table width=value 或 % 設(shè)置表格的寬度－用絕對像素值或文檔總寬度的百分比

tr align=…… 設(shè)置表格格子的水平對齊（左中右）

tr valign=…… 設(shè)置表格格子的垂直對齊（上中下）

td colspan=value 設(shè)置一個(gè)表格格子應(yīng)跨占的列數(shù)（缺省為1）

td rowspan=value 設(shè)置一個(gè)表格格子應(yīng)跨占的行數(shù)（缺省為1）

td nowrap 禁止表格格子內(nèi)的內(nèi)容自動(dòng)斷行回卷

窗 框 　

frameset……/frameset 放在一個(gè)窗框文檔的body標(biāo)簽之前，也可以嵌在其他窗框文檔中

frameset rows="value,value" 定義一個(gè)窗框內(nèi)的行數(shù)，可以使用絕對像素值或高度的百分比

frameset cols="value,value" 定義一個(gè)窗框內(nèi)的列數(shù)，可以使用絕對像素值或?qū)挾鹊陌俜直?/p>

frame 定義一個(gè)窗框內(nèi)的單一窗或窗區(qū)域

noframes……/noframes 定義在不支持窗框的瀏覽器中顯示什么提示

窗 框 屬 性 　

frame src="/URL" 規(guī)定窗框內(nèi)顯示什么HTML文檔

frame name="name" 命名窗框或區(qū)域以便別的窗框可以指向它

frame marginwidth=value 定義窗框左右邊緣的空白大小，必須大于等于1

frame marginheight=value 定義窗框上下邊緣的空白大小，必須大于等于1

frame scrolling=value 設(shè)置窗框是否有滾動(dòng)欄，其值可以是"yes","no","auto"，缺省時(shí)一般為"auto"

frame noresize 禁止用戶調(diào)整一個(gè)窗框的大小

表 單 對于功能性的表單，一般需要運(yùn)行一個(gè)CGI小程序，HTML僅僅是產(chǎn)生表單的表面樣子。

form……/form 創(chuàng)建所有表單

select multiple name="NAME" size=value………/select 創(chuàng)建一個(gè)滾動(dòng)菜單，size設(shè)置在需要滾動(dòng)前可以看到的表單項(xiàng)數(shù)目

option 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容

select name="NAME"……/select 創(chuàng)建一個(gè)下拉菜單

textarea name="NAME" cols=value rows=value……/textarea 創(chuàng)建一個(gè)文本框區(qū)域，列的數(shù)目設(shè)置寬度，行的數(shù)目設(shè)置高度

input type="checkbox" name="NAME" 創(chuàng)建一個(gè)復(fù)選框，文字在標(biāo)簽后面

input type="radio" name="NAME" value="x" 創(chuàng)建一個(gè)單選框，文字在標(biāo)簽后面

input type=text name="……" size=value 創(chuàng)建一個(gè)單行文本輸入?yún)^(qū)域，size設(shè)置以字符計(jì)的寬度

input type="submit" value="NAME" 創(chuàng)建一個(gè)submit（提交）按鈕

input type="image" border=0 name="NAME" src="/name.gif" 創(chuàng)建一個(gè)使用圖象的submit（提交）按鈕

input type="reset" 創(chuàng)建一個(gè)reset（重置）按鈕

附 加 屬 性 　

PRE……/PRE 預(yù)置格式風(fēng)格標(biāo)簽用來顯示字體寬度固定的文本塊，主要用來在表格格式中顯示文本

TT……/TT 打字機(jī)風(fēng)格用來顯示打字機(jī)字體寬度固定的文本

SAMP……/SAMP 示例風(fēng)格以單倍距顯示文本

ADDRESS……/ADDRESS 地址風(fēng)格一般用于文檔的開始或結(jié)尾處，并以斜體格式顯示文本。

DL……/DL 定義列表風(fēng)格用來顯示術(shù)語及其定義

顏色

#=rrggbb 16 進(jìn)制 RGB 數(shù)值，或者是下列預(yù)定義色彩：

Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]

META標(biāo)簽

描述不包含在標(biāo)準(zhǔn)HTML里的文檔信息。

META NAME="keywords" CONTENT="yourkeyword"

META NAME="description" CONTENT="your homepage's description"

本頁的關(guān)鍵字和描述。在頁面里加上這些定義后，一些搜索引擎就能夠讓讀者根據(jù)這些關(guān)鍵字搜索到您的主頁，了解你的主頁內(nèi)容。

META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm"

瀏覽器將在30秒后，自動(dòng)轉(zhuǎn)到new.htm。您可用它制作一個(gè)封面，在若干時(shí)間后，自動(dòng)帶讀者來到您的目錄頁。如果URL項(xiàng)沒有，瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實(shí)現(xiàn)原理。

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

描述本頁使用的語言。瀏覽器根據(jù)此項(xiàng)，就可以選擇正確的語言編碼，而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文，而臺(tái)灣BIG5內(nèi)碼的主頁則是用BIG5。

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

強(qiáng)制性調(diào)用網(wǎng)上的最新版本。瀏覽器為節(jié)約時(shí)間，在本地硬盤上保存一個(gè)臨時(shí)文件。在重新調(diào)用時(shí)，便直接顯示那個(gè)臨時(shí)文件。如果您想讓讀者每次都看到最新的版本，可加上句。[返回本頁首部]

LINK

顯示本文檔和其他文檔之間的連接關(guān)系。一個(gè)最有用的應(yīng)用就是外部層疊樣式表的定位。格式如下：

LINK REL="stylesheet" href="/style.css"REL參數(shù)說明兩個(gè)文檔之間的關(guān)系，HREF說明目標(biāo)文檔名。關(guān)于層疊樣式表，將在后面的課程中詳述。[返回本頁首部]

BASE

本文檔的原始地址。語法：BASE HREF="原始地址"當(dāng)讀者下載您的文檔后，由此可以知道是從哪里下載的。[返回本頁首部]

BODY

BODY標(biāo)記有一些屬性，用于定義頁面內(nèi)的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。

ALINK：當(dāng)前激活的連接的文字顏色。

LINK：連接的文字顏色。

TEXT：文字的顏色。

VLINK：參觀過的文字顏色。

注意：文字的顏色要和背景色有明顯的差別，以便讀者瀏覽。

BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。

BACKGROUND：背景圖案，該圖案在頁面內(nèi)平鋪。背景圖案應(yīng)保持單一色調(diào)，以保證頁面文字易于閱讀。

BGPROPERTIES：設(shè)置成FIXED，則背景圖案不滾動(dòng)。（只對INTERNET EXPLORER有效）

BGCOLOR：背景色。

注意：如果你的背景圖案是深色調(diào)，因之文字顏色為淡顏色，那么由于瀏覽器調(diào)用頁面的順序是“背景色-文字-背景圖案”，那么在背景圖案沒有顯示的情況下，你的文字在白顏色下很難閱讀，所以應(yīng)該選用一個(gè)跟你的背景圖案顏色一致的背景色。

LEFTMARGIN、TOPMARGIN——頁邊空白。（只對INTERNET EXPLORER有效）

LEFTMARGIN：左邊頁邊空白。

TOPMARGIN：頂端頁邊空白。

求html靜態(tài)頁面的代碼，簡單點(diǎn)的?

htmlhead title滾動(dòng)字幕/title /head

body text=#ff0000 bgcolor=#ccff99

marquee請進(jìn)入音樂休閑屋/marquee

marquee direction=left看我還會(huì)動(dòng)呢,并且是從右向左移動(dòng)

/marquee p

marquee direction =right behavior=scroll我從左向右一圈一圈的移動(dòng)

/marquee p

marquee scrollamount=18我是不是移動(dòng)的比較快？

/marquee P

marquee loop=3 bgcolor=blue我的底色是藍(lán)的，我循環(huán)三次即停止移動(dòng)

/marquee p

/body /html

靜態(tài)網(wǎng)頁制作步驟

以下流程適合于為靜態(tài)網(wǎng)頁初學(xué)者 1，軟件介紹，建立管理站點(diǎn) 網(wǎng)頁網(wǎng)站介紹，網(wǎng)站取名，設(shè)計(jì)風(fēng)格，色彩運(yùn)用，定位方向（理論） 素材收集，軟件啟用，功能性菜單工具介紹，頁面屬性設(shè)定，預(yù)覽網(wǎng)頁 2，創(chuàng)建新文件，設(shè)定文本圖片動(dòng)畫格式 文本屬性，涉及到HTML樣式，圖片屬性，圖文超連接，圖文混排。 段落和行，有序無序列表，水平線，日期，特殊字符 圖片輪顯，導(dǎo)航菜單，插入Flash（.swf） 字體樣式的學(xué)習(xí) 3，創(chuàng)建超級連接 a，文本連接：到網(wǎng)絡(luò)，到站內(nèi)；b，圖片連接：整圖，熱點(diǎn)區(qū)域； c，郵件地址連接； d，下載打開對話框連接解釋； e，書簽錨點(diǎn)連接：到同頁到不同頁。 要求對絕對路徑和相對路徑的熟練掌握。 /Article/wysj/jzll/200510/404.htm 4，建立表格 表格的建立，格式化表格（顏色采用規(guī)則） 表格數(shù)據(jù)，排序表格 行和列的選取，行和列的填加刪除 矩形多單元格塊的相關(guān)操作 標(biāo)準(zhǔn)視圖和布局視圖，自動(dòng)伸展表格 表格在網(wǎng)頁中的應(yīng)用~！ 其他花樣表格介紹。 5，幀-框架頁面 框架的建立，保存，連接--個(gè)人站點(diǎn)的起步 以及iframe的運(yùn)用。 6，層以及時(shí)間線的運(yùn)用 鼠標(biāo)移到圖片時(shí)顯示隱含圖層 拖動(dòng)圖層的應(yīng)用 點(diǎn)擊按鈕出現(xiàn)隱含圖層 下拉菜單的實(shí)現(xiàn) 如何賦予文字圖層特效 Timeline 的基本應(yīng)用 一個(gè)比較復(fù)雜的Timeline例子 7，F(xiàn)ORM表單相關(guān) 8，CSS樣式表 9，Head頭部屬性 以下所有代碼全是在...之間，具體內(nèi)容有： a，標(biāo)題元素，幫助用戶更好識別文件，有且只有一個(gè)。 當(dāng)作為首頁或收藏時(shí)做文件名。 b， …顯示本文檔和其它文檔之間的關(guān)系 c， 可以在文檔中包含風(fēng)格頁。 文檔本身的內(nèi)部樣式。 d， …為相對路徑定義絕對路徑url，讀者下載你的文檔后，也可知道從哪下的 e， 用于包含腳本（一系列腳本語言寫的命令）可以是 JavaScript 或 VBScript。 f， 10，動(dòng)態(tài)HTML應(yīng)用，行為樣式 11，模板和庫 12，發(fā)布設(shè)置上傳

求采納

制作html靜態(tài)網(wǎng)頁

自己怎么做html靜態(tài)網(wǎng)頁對于大家來說都不是很困難的事。但是很多新手朋友，或者是哪些不懂代碼的來說都有點(diǎn)頭暈,那到底要怎么樣才能做好一個(gè)網(wǎng)站呢。

我的網(wǎng)站就是通過凡科建站用了兩星期時(shí)間搭建起來的。專業(yè)做網(wǎng)站的肯定比不了。但是對我們來說，這種可以即插即用，所見即所得。在做建站、更新和維護(hù)都方便，這樣方便就夠用了。

關(guān)于靜態(tài)網(wǎng)頁設(shè)計(jì)代碼模板和簡單的靜態(tài)網(wǎng)頁代碼的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。