本篇文章給大家談?wù)勍暾鹔tml網(wǎng)頁(yè)代碼案例，以及完整html網(wǎng)頁(yè)代碼案例怎么做對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、需要一個(gè)簡(jiǎn)單網(wǎng)頁(yè)的全部html代碼
• 2、急求完整HTML網(wǎng)頁(yè)代碼。
• 3、html代碼大全
• 4、用表格和表單制作如下網(wǎng)頁(yè)。完整html代碼
• 5、2. 請(qǐng)寫(xiě)出下面網(wǎng)頁(yè)的完整HTML代碼.

需要一個(gè)簡(jiǎn)單網(wǎng)頁(yè)的全部html代碼

標(biāo)準(zhǔn)模板代碼

!DOCTYPE html

html

head

meta charset="utf-8"

title標(biāo)題/title

/head

body 內(nèi)容/body

/html

一個(gè)模仿百度首頁(yè)的模板

!doctype?htmlhtmlheadmeta?charset="utf-8"title百度首頁(yè)/title/head?bodytable??tbody????tr??????td?style="width:100%;text-align:?center"?img?src=";fm=26gp=0.jpg"?height="130px"?width="280px"/td????/tr????tr????????td?style="width:100%;text-align:?center"a?href="#"新聞/aa?href="#"?style="margin-left:40px;"網(wǎng)頁(yè)/aa?href="#"?style="margin-left:40px;"貼吧/a???a?href="#"?style="margin-left:40px;"知道/a???a?href="#"?style="margin-left:40px;"音樂(lè)/a???a?href="#"?style="margin-left:40px;"圖片/a???a?href="#"?style="margin-left:40px;"視頻/a???a?href="#"?style="margin-left:40px;"地圖/a???/td????/tr????tr????????td?style="width:100%;text-align:?center"input?type="text"/button?style="margin-left:30px;margin-top:20px;"百度一下/button/td?????/tr??/tbody/table?/body/html

急求完整HTML網(wǎng)頁(yè)代碼。

html

body

bgcolor="#2E9AFE"

centerh2此處填寫(xiě)標(biāo)題/h2/center

img

src="圖片地址"

width="寬度值

"

height="高度值

"

/br/

a

href="

連接地址"此處為說(shuō)明

/a

/body

/html

好像就是這樣了，你自己可以適當(dāng)修改！

html代碼大全

1.結(jié)構(gòu)性定義

文件類(lèi)型 HTML/HTML （放在檔案的開(kāi)頭與結(jié)尾）

文件主題 TITLE/TITLE （必須放在「文頭」區(qū)塊內(nèi)）

文頭 HEAD/HEAD （描述性資料，像是「主題」）

文體 BODY/BODY （文件本體）

（由瀏覽器控制的顯示風(fēng)格）

標(biāo)題 H?/H? （從1到6，有六層選擇）

標(biāo)題的對(duì)齊 H? ALIGN=LEFT|CENTER|RIGHT/H?

區(qū)分 DIV/DIV

區(qū)分的對(duì)齊 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV

引文區(qū)塊 BLOCKQUOTE/BLOCKQUOTE （通常會(huì)內(nèi)縮）

強(qiáng)調(diào) EM/EM （通常會(huì)以斜體顯示）

特別強(qiáng)調(diào) STRONG/STRONG （通常會(huì)以加粗顯示）

引文 CITE/CITE （通常會(huì)以斜體顯示）

碼 CODE/CODE （顯示原始碼之用）

樣本 SAMP/SAMP

鍵盤(pán)輸入 KBD/KBD

變數(shù) VAR/VAR

定義 DFN/DFN （有些瀏覽器不提供）

地址 ADDRESS/ADDRESS

大字 BIG/BIG

小字 SMALL/SMALL

與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）

加粗 B/B

斜體 I/I

底線 U/U （尚有些瀏覽器不提供）

刪除線 S/S （尚有些瀏覽器不提供）

下標(biāo) SUB/SUB

上標(biāo) SUP/SUP

打字機(jī)體 TT/TT （用單空格字型顯示）

預(yù)定格式 PRE/PRE （保留文件中空格的大?。?

預(yù)定格式的寬度 PRE WIDTH=?/PRE（以字元計(jì)算）

向中看齊 CENTER/CENTER （文字與圖片都可以）

閃耀 BLINK/BLINK （有史以來(lái)最被嘲弄的標(biāo)簽）

字體大小 FONT SIZE=?/FONT（從1到7）

改變字體大小 FONT SIZE=+|-?/FONT

基本字體大小 BASEFONT SIZE=? （從1到7; 內(nèi)定為3）

字體顏色 FONT COLOR='#$$$$$$'/FONT

2.連結(jié)與圖形

連結(jié) A href='/URL'/A

連結(jié)到錨點(diǎn) A HREF='URL#***'/A（如果錨點(diǎn)在另一個(gè)檔案）

A HREF='#***'/A （如果錨點(diǎn)目前的檔案）

連結(jié)到目的視框 A href='/URL' TARGET='***'/A

設(shè)定錨點(diǎn) 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='***' （如果沒(méi)有辦法顯示圖形則顯示此文字）

點(diǎn)選圖 IMG src='/URL' ISMAP （需要CGI程式）

N2.0 點(diǎn)選圖 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'（使用端自動(dòng)更新 ）

N2.0 內(nèi)嵌物件 EMBED src='/URL' （將物件插入頁(yè)面）

N2.0 內(nèi)嵌物件大小 EMBED src='/URL' WIDTH='?' HEIGHT='?'

3.分隔

段落 P （通常是兩個(gè)return）

3.0 段落 P/P （新定義成容器型標(biāo)簽）

3.0 文字看齊方式 P ALIGN=LEFT|CENTER|RIGHT/P

換行 BR （一個(gè)return）

N1.0 文字部份看齊方式BR CLEAR=LEFT|RIGHT|ALL（與圖形合用時(shí)）

橫線 HR

N1.0 橫線對(duì)齊 HR ALIGN=LEFT|RIGHT|CENTER

N1.0 橫線厚度 HR SIZE=? （以pixels為單位）

N1.0 橫線寬度 HR WIDTH=? （以pixels為單位）

N1.0 橫線比率寬度 HR WIDTH=% （以頁(yè)寬為100%）

N1.0 實(shí)線 HR NOSHADE （沒(méi)有立體效果）

N1.0 不可換行 NOBR/NOBR （不換行）

N1.0 可換行處 WBR （如果需要，可在此斷行）

列舉 （可以巢狀列舉）

無(wú)次序式列舉 ULLI/UL （LI 放在每一項(xiàng)前）

N1.0 公布式列舉 UL TYPE=DISC|CIRCLE|SQUARE（定義全部的列舉項(xiàng)）

LI TYPE=DISC|CIRCLE|SQUARE（定義這個(gè)及其后的列舉項(xiàng)）

有次序式列舉 OLLI/OL （LI 放在每一項(xiàng)前）

N1.0 數(shù)標(biāo)型態(tài) OL TYPE=A|a|I|i|1 （定義全部的列舉項(xiàng)）

LI TYPE=A|a|I|i|1 （定義這個(gè)及其后的列舉項(xiàng)）

N1.0 起始數(shù)字 OL value=? （定義全部的列舉項(xiàng)）

LI value=? （定義這個(gè)及其后的列舉項(xiàng)）

定義式列舉 DLDTDD/DL（DT項(xiàng)目, DD定義）

表單式列舉 MENULI/MENU（LI 放在每一項(xiàng)前）

目錄式列舉 DIRLI/DIR （LI 放在每一項(xiàng)前）

背景與顏色

3.0 重復(fù)排列的背景 BODY background='/URL'

N1.1+ 背景顏色 BODY BGCOLOR='#$$$$$$' （依序?yàn)榧t、綠、藍(lán)）

N1.1+ 文字顏色 BODY TEXT='#$$$$$$'

N1.1+ 連結(jié)顏色 BODY LINK='#$$$$$$'

N1.1+ 看過(guò)的連結(jié) BODY VLINK='#$$$$$$'

N1.1 使用中的連結(jié) BODY ALINK='#$$$$$$'

4.特殊字元（以下標(biāo)簽需用小寫(xiě)）

特別符號(hào) ?; （其中 ? 代表 ISO 8859-1 的編碼）

' '

注冊(cè)商標(biāo)TM ?

N1.0+ 注冊(cè)商標(biāo)TM ?

著作權(quán)符號(hào) ?

N1.0+ 著作權(quán)符號(hào) ?

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='***'

欄位內(nèi)定值 INPUT value='***'

已選定 INPUT CHECKED （適用於checkboxes與 radio boxes）

欄位寬度 INPUT SIZE=? （以字元數(shù)為單位）

最長(zhǎng)字?jǐn)?shù) INPUT MAXLENGTH=? （以字元數(shù)為單位）

下拉式選單 SELECT/SELECT

下拉式選單名稱 SELECT NAME='***'/SELECT

選單項(xiàng)目數(shù)量 SELECT SIZE=?/SELECT

多選式選單 SELECT MULTIPLE （多選）

選項(xiàng) OPTION

內(nèi)定選項(xiàng) OPTION SELECTED

文字輸入?yún)^(qū) TEXTAREA ROWS=? COLS=?/TEXTAREA

輸入?yún)^(qū)名稱 TEXTAREA NAME='***'/TEXTAREA

N2.0 輸入?yún)^(qū)換行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/TEXTAREA

6.表格

3.0 定義表格 TABLE/TABLE

3.0 表格框線 TABLE BORDER/TABLE （有或沒(méi)有）

N1.1 表格框線 TABLE BORDER=?/TABLE（可以設(shè)定數(shù)值）

N1.1 儲(chǔ)存格左右留白 TABLE CELLSPACING=?

N1.1 儲(chǔ)存格上下留白 TABLE CELLPADDING=?

N1.1 表格寬度 TABLE WIDTH=? （以pixels為單位）

N1.1 寬度比率 TABLE WIDTH=% （頁(yè)寬為100%）

3.0 表格列 TR/TR

3.0 表格列內(nèi)容看齊 TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM

3.0 儲(chǔ)存格 TD/TD （須與列并用）

3.0 儲(chǔ)存格內(nèi)容看齊 TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM

3.0 不換行 TD NOWRAP

N3.0 儲(chǔ)存格背景顏色 TD BGCOLOR=#$$$$$$

3.0 儲(chǔ)存格橫向連接 TD COLSPAN=?

3.0 儲(chǔ)存格縱向連接 TD ROWSPAN=?

N1.1 儲(chǔ)存格寬度 TD WIDTH=? （以pixels為單位）

N1.1 儲(chǔ)存格寬度比率 TD WIDTH=% （頁(yè)寬為100%）

3.0 表格標(biāo)題 TH/TH （跟TD一樣，不過(guò)會(huì)對(duì)中并加粗）

3.0 表格標(biāo)題對(duì)齊 TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM

3.0 表格標(biāo)題不換行 TH NOWRAP

3.0 表格標(biāo)題占幾欄 TH COLSPAN=?

3.0 表格標(biāo)題占幾列 TH ROWSPAN=?

N1.1 表格標(biāo)題寬度 TH WIDTH=? （以pixels為單位）

N1.1 表格標(biāo)題比率寬度TH WIDTH=% （頁(yè)寬為100%）

3.0 表格抬頭 CAPTION/CAPTION

3.0 表格抬頭看齊 CAPTION ALIGN=TOP|BOTTOM（在表格之上/之下）

視框 （定義與控制螢?zāi)簧系奶囟▍^(qū)域）

N2.0 視框格式總定義 FRAMESET/FRAMESET （取代BODY）

N2.0 視框行長(zhǎng)度分配 FRAMESET ROWS=,,,/FRAMESET（pixels 或 %）

N2.0 視框行長(zhǎng)度分配 FRAMESET ROWS=*/FRAMESET （* = 相對(duì)大?。?

N2.0 視框欄寬度分配 FRAMESET COLS=,,,/FRAMESET（pixels 或 %）

N2.0 視框欄寬度分配 FRAMESET COLS=*/FRAMESET （* =相對(duì)大小）

N2.0 定義個(gè)別視框 FRAME （定義個(gè)別視框）

N2.0 個(gè)別視框內(nèi)容 FRAME src='/URL'

N2.0 個(gè)別視框名稱 FRAME NAME='***'|_blank|_self|_parent|_top

N2.0 邊緣寬度 FRAME MARGINWIDTH=? （「左」與「右」邊界）

N2.0 邊緣高度 FRAME MARGINHEIGHT=? （「天頂」與「地底」邊界）

N2.0 卷動(dòng)條 FRAME SCROLLING='YES|NO|AUTO'

N2.0 不可改變大小 FRAME NORESIZE

N2.0 無(wú)視框時(shí)的內(nèi)容 NOFRAMES/NOFRAMES（如果瀏覽器不提供視框功能的話）

7.雜項(xiàng)

說(shuō)明 !-- *** -- （瀏覽器不會(huì)顯示）

用表格和表單制作如下網(wǎng)頁(yè)。完整html代碼

1、使用標(biāo)簽table/table定義網(wǎng)頁(yè)的表格,使用style賦值類(lèi)型將顯示在網(wǎng)頁(yè)。

2、使用tr標(biāo)簽定義行,使用th定義表頭,表頭的文字自動(dòng)加粗。

3、tr和td標(biāo)簽配合,定義每行中的表格數(shù)量,現(xiàn)在定義3行5列的表格。

4、使用caption/caption定義表格的標(biāo)題。

5、表格分為三個(gè)部分,表頭部，表主體，表尾部。

6、表頭部和主體分別放標(biāo)題和表格的內(nèi)容,而表的尾部通常放的是頁(yè)數(shù)。

2. 請(qǐng)寫(xiě)出下面網(wǎng)頁(yè)的完整HTML代碼.

這是ul列表

b標(biāo)題1/b

ul

li內(nèi)容1/li

/ul

前面是圓點(diǎn)的就是ul無(wú)序列表 是數(shù)字的就是ol有序列表

希望能幫助到你！

關(guān)于完整html網(wǎng)頁(yè)代碼案例和完整html網(wǎng)頁(yè)代碼案例怎么做的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。