關於html網頁設計源代碼的信息

攀龍附驥網2025-07-04 16:25:44863 ℃麗江市

很多朋友想了解關於html網頁設計源代碼的一些資料信息，下麵是(揚升資訊www.balincan8.com)小編整理的與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

說明 !-- *** -- （瀏覽器不會顯示）

!--修改滾動條--

style type="text/css"

body {

scrollbar-face-color: #330033;

scrollbar-shadow-color: #FFFFFF;

scrollbar-highlight-color: #FFFFFF;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-track-color: #330033;

scrollbar-arrow-color: #FFFFFF;

}

/style

!--修改滾動條結束--

將上麵的代碼放在葉子代碼的head/head之間,顏色可根據自己的需要修改。

滾動條的代碼意思如下：

Scrollbar-Face-Color為滾動條表麵顏色設定；

Scrollbar-Track-Color為滾動條底板顏色設定；

Scrollbar-Darkshadow為滾動條下邊和右邊邊沿顏色設定；

Scrollbar-Highlight-Color為滾動條上斜麵和左斜麵顏色設定；

Scrollbar-Shadow-Color為滾動條下斜麵和右斜麵顏色設定；

Scrollbar-3Dlight-Color為滾動條上邊和左邊的邊沿顏色設定；

Scrollbar-Arrow-Color為滾動條兩端箭頭顏色設定。

! 跑馬燈

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設定捲動時間

1)貼圖：img src="圖片地址"

2)加入連接：a href="所要連接的相關地址"寫上你想寫的字/a

3)在新窗口打開連接：a href="相關地址" target="_blank"寫上要寫的字/a

4)移動字體(走馬燈)：marquee寫上你想寫的字/marquee

5)字體加粗：b寫上你想寫的字/b

6)字體斜體：i寫上你想寫的字/i

7)字體下劃線: u寫上你想寫的字/u

8)字體刪除線: s寫上你想寫的字/s

9)字體加大: big寫上你想寫的字/big

10)字體控製大小：h1寫上你想寫的字/h1 (其中字體大小可從h1-h5,h1最大，h5最小)

11)更改字體顏色：font color="#value"寫上你想寫的字/font(其中value值在000000與ffffff(16位進製)之間

12)消除連接的下劃線：a href="相關地址"寫上你想寫的字/a

13)貼音樂：embed src="音樂地址" width="寬度" height="高度" autostart=false

14)貼flash: embed src="flash地址" width="寬度" height="高度"

15)貼影視文件：img dynsrc="文件地址" width="寬度" height="高度" start=mouseover

16)換行：br

17)段落：p段落/p

18)原始文字樣式：pre正文/pre

19)換帖子背景：body background="背景圖片地址"

20)固定帖子背景不隨滾動條滾動：body background="背景圖片地址" body

bgproperties=fixed

21)定製帖子背景顏色：body bgcolor="#value"(value值見10)

22)帖子背景音樂：bgsound="背景音樂地址" loop=infinite

23)貼網頁：iframe. src="相關地址" width="寬度" height="高度"/iframe

1、店鋪音樂代碼:音樂網址" loop="-1"

2、圖片製作代碼：＜img src="這裏放圖片地址"＞

3、公告圖片代碼：＜img border="0" src="這裏放圖片地址" /＞或＜img src="這裏放圖片地址"/＞

4、懸浮掛飾代碼：＜img src="這裏放圖片地址" /＞

5、商品分類代碼:＜img src="這裏放圖片地址"/＞

6、字體大小代碼:＜font size="2"＞這裏放要處理的文字，可用3、4、5等設置大小＜/font＞

7、字體顏色代碼:＜font color="red"＞這裏放要處理的文字，可以換成blue,yellow等＜/font＞

8、文字鏈接代碼:＜a href="網頁地址"＞鏈接的文字，在分類欄裏用時鏈接的網頁地址必須縮短＜/a＞

9、移動文字代碼:＜marquee＞從右到左移動的文字＜/marquee＞

10、背景音樂代碼：＜bgsound loop="-1" src="這裏放音樂地址"＞＜/bgsound＞

11、圖片附加音樂代碼：＜img border=0 src="這裏放圖片地址" dynsrc="這裏放音樂地址"＞

12、浮動圖片代碼:＜img height="150" src="這裏放圖片地址"/＞

公告圖片的代碼：公告掛飾：店鋪分類代碼:背景音樂代碼：換行代碼

計數器代碼顏色代碼：

1白色 #FFFFFF

2紅色#FF0000

3綠色#00FF00

4藍色#0000FF

5牡丹紅#FF00FF

6青色 #00FFFF

7黃色#FFFF00

8黑色#000000

9海藍#70DB93

10巧克力色#5C3317

11藍紫色 #9F5F9F

12黃銅色#B5A642

13亮金色#D9D919

14棕色#A67D3D

15青銅色 #8C7853

162號青銅色 #A67D3D

17士官服藍色 #5F9F9F

18冷銅色 #D98719

19銅色 #B87333

20珊瑚紅 #FF7F00

21紫藍色 #42426F

22深棕 #5C4033

23深綠 #2F4F2F

24深銅綠色 #4A766E

25深橄欖綠 #4F4F2F

26深蘭花色 #9932CD

27深紫色 #871F78

28深石板藍 #6B238E

29深鉛灰色 #2F4F4F

30深棕褐色 #97694F

32深綠鬆石色 #7093DB

33暗木色 #855E42

34淡灰色 #545454

35土灰玫瑰紅色 #856363

36長石色 #D19275

37火磚色#8E2323

38森林綠 #238E23

39金色 #CD7F32

40鮮黃色 #DBDB70

41灰色 #C0C0C0

42銅綠色 #527F76

43青黃色 #93DB70

44獵人綠 #215E21

45印度紅 #4E2F2F

46土黃色 #9F9F5F

47淺藍色 #C0D9D9

48淺灰色 #A8A8A8

49淺鋼藍色 #8F8FBD

59淺木色 #E9C2A6

60石灰綠色 #32CD32

61桔黃色 #E47833

62褐紅色 #8E236B

63中海藍色 #32CD99

64中藍色 #3232CD

65中森林綠 #6B8E23

66中鮮黃色 #EAEAAE

67中蘭花色 #9370DB

68中海綠色 #426F42

69中石板藍色 #7F00FF

70中春綠色 #7FFF00

71中綠鬆石色 #70DBDB

72中紫紅色 #DB7093

73中木色 #A68064

74深藏青色 #2F2F4F

75海軍藍 #23238E

76霓虹籃 #4D4DFF

77霓虹粉紅 #FF6EC7

78新深藏青色 #00009C

79新棕褐色 #EBC79E

80暗金黃色 #CFB53B

81橙色 #FF7F00

82橙紅色 #FF2400

83淡紫色 #DB70DB

84淺綠色 #8FBC8F

85粉紅色 #BC8F8F

86李子色 #EAADEA

87石英色 #D9D9F3

88豔藍色 #5959AB

89鮭魚色 #6F4242

90猩紅色 #BC1717

91海綠色 #238E68

92半甜巧克力色 #6B4226

93赭色 #8E6B23

94銀色 #E6E8FA

95天藍 #3299CC

96石板藍 #007FFF

97豔粉紅色 #FF1CAE

98春綠色 #00FF7F

99鋼藍色 #236B8E

100亮天藍色 #38B0DE

101棕褐色 #DB9370

102紫紅色 #D8BFD8

103石板藍色 #ADEAEA

104濃深棕色 #5C4033

105淡淺灰色 #CDCDCD

106紫羅蘭色 #4F2F4F

107紫羅蘭紅色 #CC3299

108麥黃色#D8D8BF

109黃綠色 #99CC32

簡單常用HTML代碼大全（修改網頁必備）

網頁常用HTML代碼大全

超鏈接，用的最多：

點擊在當前頁打開網站

a href="http://www.88wan.com/"這是我的網站/a

效果：這是我的網站

點擊彈出網站

a href="http://www.88wan.com/" target="_blank"這是我的網站/a

br這個是向下一行，比如

歡迎光臨我的網站br希望開心

演示效果就是：

歡迎光臨我的網站

希望開心

p向下一大行，比如

歡迎光臨我的網站p希望開心

演示效果就是：

歡迎光臨我的網站

希望開心

b這是粗體字

比如 b 我的網站/ b

演示效果：我的網站

我的網站這是字體的顏色BLUE是藍，RED是紅

演示

忽視右鍵

body

或

body

如何幾秒後轉到別的頁麵？

META. HTTP-EQUIV="Refresh" C

點擊關閉窗口

a href="javascript.:top.window.close();"點擊關閉窗口/a！

請問如何去掉主頁右麵的滾動條？

body scroll="no"

body

如何做到讓一個網頁自動關閉.

html

head

OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

param name="Command" value="Close"

/object

/head

body

這個窗口會在10秒過後自動關閉,而且不會出現提示. /body

如何在不刷新頁麵的情況下刷新css?

style

button{ color:#000000;}

/style

button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘點擊按鈕直接修改style標簽裏button選擇符使按鈕改為紅色/button

請問如何讓網頁自動刷新？

在head部記入META. HTTP-EQUIV="Refresh" c其中20為20秒後自動刷新，你可以更改為任意值。

如何讓頁麵自動刷新？

方法一，用refresh

HTML 代碼片段如下:

head

meta. http-equiv="refresh" c

/head

5表示刷新時間

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]

方法二，使用setTimeout控製

img src=/logo.gif

script

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

/script

如何讓超鏈接沒有下劃線

在源代碼中的HEAD…/HEAD之間輸入如下代碼：

style. type="text/css" !--

a { text-decoration: none}

-- /style

請問如何去掉IE的上下滾動條？

body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘

/body

怎樣才能把RealPlayer文件在網頁做一個試聽連接？

embed height=25　src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c

如何用html實現瀏覽器上後退按鈕的功能？

a href="java script.:history.go(-1)"點擊後退/a

或者

script history.back() /script

請問怎麽在網頁中改變鼠標的箭頭形狀？

HTML 代碼片段如下:

body

關於html網頁設計源代碼的信息

a href="#"auto/abr

a href="#"crosshair /abr

a href="#"default /abr

a href="#"hand /abr

a href="#"move /abr

a href="#"e-resize /abr

a href="#"ne-resize /abr

a href="#"nw-resize/abr

a href="#"n-resize/abr

a href="#"se-resize/abr

a href="#"sw-resize/abr

a href="#"s-resize/abr

a href="#"w-resize/abr

a href="#"text/abr

a href="#"wait/abr

a href="#"help/abr

/body

怎樣不使用頁麵的緩存？即每一次打開頁麵時不是調用緩存中的東西

META. HTTP-EQUIV="

ragma" C

頁麵打開時自動彈出一個窗口的代碼怎麽寫？

HTML 代碼片段如下:

html

head

titleUntitled Document/title

meta. http-equiv="Content-Type" c

script. language="Bjavascript/B"

!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//--

/script

/head

body bgcolor="#FFFFFF" text="#000000"

/body

/html

如何讓我的頁麵出現一個會講話的小人？Merlin

HTML 代碼片段如下:

HTML

HEAD

TITLE默林/TITLE

META. http-equiv=Content-Type c

/HEAD

BODY

pOBJECT id=sims classid=CLSID

45FD31B-5C6E-11D1-9EC1-00C04FD7081F

/OBJECT

SCRIPT

var MerlinID;

var MerlinACS;

sims.Connected = true;

MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);

Merlin = sims.Characters.Character(MerlinID);

Merlin.Show();

Merlin.Play("Surprised");

Merlin.Speak("大家好");

Merlin.Play("GestureLeft");

Merlin.Think("我是默林！");

Merlin.Play("

leased");

Merlin.Think("可愛嗎？");

Merlin.Play("GestureDown");

Merlin.Speak("哈哈！");

Merlin.Hide();

function LoadLocalAgent(CharID, CharACS){

LoadReq = sims.Characters.Load(CharID, CharACS);

return(true);

}

/SCRIPT

/p

p /p

p看此效果必須裝有office2000！！！/p

/BODY

/HTML

在頁麵中如何加入不是滿鋪的背景圖片,拉動頁麵時背景圖不動

HTML 代碼片段如下:

htmlhead

STYLE

body　 {background-image:url(logo.gif);

background-repeat:no-repeat; background-position:center }

/STYLE

/head

body bgproperties="fixed"

/body

/html

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]

background-repeat:no-repeat; 是讓背景圖不占滿整個頁麵

body bgproperties="fixed" 是拉動scroll時背景圖不動

文本輸入框什麽屬能實現不可輸入？

HTML 代碼片段如下:

input type="text" name="textfield" disabled

或者

input type="text" name="textfield" readonly

如何禁止自己的頁麵在別人的框架裏打開？

把以下代碼加至你的head區

script

if (window.top!=self){

window.top.location=self.location

}

/script

如何實現首頁全屏幕顯示？

HTML 代碼片段如下:

html

bodyscript. language="Bjavascript/B"

var coolw=642

var coolh=400

var coolhuang=window.open("http://www.51js.com","coolhuang","width="+coolw+",height="+coolh+",

fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")

window.close()

/script/body/html

如何監聽一個窗口被關閉了？

HTML 代碼片段如下:

body

如何禁止Ctrl+N？

HTML 代碼片段如下:

body nkeydown=return(!(event.keyCode==78event.ctrlKey))

如何把頁麵加入用戶的收藏夾？

HTML 代碼片段如下:

a href="Bjavascript/B:window.external.AddFavorite(‘‘‘‘http://www.51js.com‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)"收藏無憂腳本/a

如何在我的頁麵中加入背景音樂？

IE: bgsound src="*.mid" loop=infinite

NS:embed src="*.mid" autostart=true hidden=true loop=true

*.mid你的背景音樂的midi格式文件

關於頁麵轉換效果

meta. http-equiv="page-enter" c

或

meta. http-equiv="page-exit" c

說明：Transition=23是隨機效果，另可以選0-22任一數字固定某個效果

如何設定打開頁麵的大小

HTML 代碼片段如下:

body !--(width，height)--

怎樣雙擊滾屏，單擊停止？

HTML 代碼片段如下:

html

head

title新網頁1/title

/head

body

script. language"Bjavascript/B"

var currentpos,timer;

function initialize()

{

timer=setInterval("scrollwindow()",10);

}

function sc(){

clearInterval(timer);

}

function scrollwindow()

{

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

sc();

}

document.onmousedown=sc

document.ondblclick=initialize

/script

pa/ppa/ppa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppaa/ppaa/p

paa/ppaa/ppaa/ppaa/ppa/p

/body

/html

如何讓body中的文字不被選中？

HTML 代碼片段如下:

body aaa/body

如何讓彈出的窗口不能關閉？

在新開的窗口中加入如下代碼

body nunload=open(location.href)

/body

如何讓瀏覽器在保存頁麵時保存失敗？

HTML 代碼片段如下:

NOSCRIPT

BIFRAME/B SRC="*.html"

/BIFRAME/B

/NOSCRIPT

表單中如何用圖片按鈕實現 reset?

html

head

script

function aaa(){

document.forms[0].reset()

}

/script

/head

body

form

textarea rows="2" name="S1" cols="20"/textarea

input type="submit" values="提交" name="B1"

image src="logo.gif" nclick=aaa()

/form

/body/html

進入網頁時彈出的信息對話框

body

關閉窗口後彈出對話框

body

告別提示

body nUnload= alert("再見，感謝你的訪問！")

隻要你肯幹,沒有什麽不能成功的.

1。忽視右鍵

body ncontextmenu="return false"

或

body

2。加入背景音樂

IE:bgsound src="*.mid" loop=infinite

NS:embed src="*.mid" autostart=true hidden=true loop=true

/embed

*.mid你的背景音樂的midi格式文件

3。簡單的window.open方法

a href="#"

nclick="javascript:window.open(文件路徑/文件名,newwindow,

toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,

width=400,height=300);"文字或圖片/a

參數解釋：

SCRIPT. LANGUAGE="javascript" js腳本開始；

window.open 彈出新窗口的命令；

文件路徑/文件名彈出窗口的文件名；

newwindow 彈出窗口的名字（不是文件名），非必須，可用空代替；

width=400 窗口寬度；

height=300 窗口高度；

top=0 窗口距離屏幕上方的象素值；

left=0 窗口距離屏幕左側的象素值；

toolbar=no 是否顯示工具欄，yes為顯示；

menubar，scrollbars 表示菜單欄和滾動欄。

resizable=no 是否允許改變窗口大小，yes為允許；

location=no 是否顯示地址欄，yes為允許；

status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；

/SCRIPT js腳本結束

4。簡單的頁麵加密

script. LANGUAGE="javascript"

!--

function loopy(){

var sWord ="";

while(sWord!="login"){sWord=prompt("請輸入你的登陸密碼");}

alert("登陸成功！");

}

loopy()

//--

/script

5。拉動頁麵時背景圖不動

style

body{background-image:url(logo.gif);

background-repeat:no-repeat;background-position:center}

/style

6。讓瀏覽器在保存頁麵時保存失敗

NOSCRIPTiframe. src="*.html"/iframe/NOSCRIPT

7。隨機替換圖片

script

document.write(img src="img/+parseInt(Math.random()*(5))

+.gif"height="40" width="50"

/script

圖片文件名為0.gif 1.gif 2.gif 3.gif 4.gif

8。窗口定時關閉

先將如下代碼網頁文件的區：

script. language="javascript"

function closeit() { setTimeout("self.close()",10000) //毫秒 }

/script

然後再在body標內加入如：body nload="closeit()"

9。網頁自動關閉

html

head

object id=closes type="application/x-oleobject"

classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

param name="Command" value="Close"

/object

/head

body nload="window.setTimeout(closes.Click(),10000)"

這個窗口會在10秒過後自動關閉,而且不會出現提示.

/body

/html

10。網頁自動刷新

在head部記入

META. HTTP-EQUIV="Refresh" content="20"

其中20為20秒後自動刷新，你可以更改為任意值。

11。網頁自動轉頁

META. HTTP-EQUIV="Refresh" CONTENT="時間(秒);URL=地址"

12。保持layer在最前麵，而不被Iframe、Object所覆蓋

在Layer中再插Iframe. 或 Object 設z-Index值

div z-Index:2object xxx/object ＃前麵

div z-Index:1object xxx/object ＃後麵

div id="Layer2" height=100% width=100%

iframe. width=0 height=0/iframe

/div

div id="Layer1"

iframe. height=100% width=100%/iframe

/div

13。返回上一頁

a href=javascript:history.back(1)『返回上一頁』/a

14。關閉窗口

a href=javascript:self.close()『關閉窗口』/a

15。關於iframe的透明背景

IFRAME. ID="iFrame1" SRC="iframe.htm"

allowTransparency="true"

/IFRAME

16. ncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵

table border ncontextmenu=return(false)tdno/table 可用於Table

17. body nselectstart="return false" 取消選取、防止複製

18.onpaste="return false" 不準粘貼

19.oncopy="return false;" ncut="return false;" 防止複製

20. link rel="Shortcut Icon" href="favicon.ico" IE地址欄前換成自己的圖標

21. link rel="Bookmark" href="favicon.ico" 可以在收藏夾中顯示出你的圖標

22. input 關閉輸入法

23. 永遠都會帶著框架

script. language="JavaScript"!--

if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁

// --/script

24. 防止被人frame.

SCRIPT. LANGUAGE=JAVASCRIPT!--

if (top.location != self.location)top.location=self.location;

// --/SCRIPT

25. 網頁將不能被另存為

noscriptiframe. src=*.html/iframe/noscript

26. 查看網頁源代碼

input type=button value=查看網頁源代碼

onclick="window.location = "view-source:"+ "http://www.pconline.com.cn""

27.刪除時確認

a href="javascript:if(confirm("確實要刪除嗎?"))location="boos.asp? areyou=刪除page=1""刪除/a

28.屏蔽功能鍵Shift,Alt,Ctrl

script

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!"); //可以換成ALT　CTRL

}

document.onkeydown=look;

/script

29. 網頁不會被緩存

META. HTTP-EQUIV="pragma" CONTENT="no-cache"

META. HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"

META. HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

或者META. HTTP-EQUIV="expires" CONTENT="0"

30.怎樣讓表單沒有凹凸感？

input type=text

或 input type=text/textarea

31.不要滾動條?

讓豎條沒有:

body

/body

讓橫條沒有:

body

/body

兩個都去掉？更簡單了

body scroll="no"

/body

32.怎樣去掉圖片鏈接點擊後，圖片周圍的虛線？

a href="#" nFocus="this.blur()"img src="logo.jpg" border=0/a

33.電子郵件處理提交表單

form. name="form1" method="post" action="mailt****@***.com" enctype="text/plain"

input type=submit

/form

34.在打開的子窗口刷新父窗口的代碼裏如何寫？

window.opener.location.reload()

35.如何設定打開頁麵的大小

body nload="top.resizeTo(300,200);"

打開頁麵的位置body nload="top.moveBy(300,200);"

36.在頁麵中如何加入不是滿鋪的背景圖片,拉動頁麵時背景圖不動

STYLE

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

/STYLE

37. 檢查一段字符串是否全由數字組成

script. language="Javascript"!--

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --/script

38. 獲得一個窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎麽判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");

else alert("全是字符");

40.TEXTAREA自適應文字行數的多少

textarea rows=1 name=s1 cols=27 npropertychange="this.style.posHeight=this.scrollHeight"

/textarea

41. 日期減去天數等於第二個日期

script. language=Javascript

function cc(dd,dadd)

{

//可以加上錯誤處理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

} cc("12/23/2002",2)

/script

42. 選擇了哪一個Radio

HTMLscript. language="vbscript"

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

/scriptBODY

INPUT name="radio1" type="radio" value="style" checkedStyle.

INPUT name="radio1" type="radio" value="barcode"Barcode

INPUT type="button" value="check" nclick="checkme()"

/BODY/HTML

43.腳本永不出錯

SCRIPT. LANGUAGE="JavaScript"

!-- Hide function killErrors(){return true;} window.onerror = killErrors; // --

/SCRIPT

44.ENTER鍵可以讓光標移到下一個輸入框

input nkeydown="if(event.keyCode==13)event.keyCode=9"

45. 檢測某個網站的鏈接速度：

把如下代碼加入body區域中:

script. language=Javascript

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]="www.njcatv.net"

autourl[2]="javacool.3322.net"

autourl[3]="www.sina.com.cn"

autourl[4]="www.nuaa.edu.cn"

autourl[5]="www.cctv.com"

function butt(){

document.write("form. name=autof")

for(var i=1;iautourl.length;i++)

document.write("input type=text name=txt"+i+" size=10 value=測試中

…… =》input type=text

name=url"+i+" size=40 =》input type=button value=GO

onclick=window.open(this.form.url"+i+".value)br")

document.write("input type=submit value=刷新/form")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim200)

{document.forms[0]["txt"+b].value="鏈接超時"}

else

{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"} b++ }

function run(){for(var i=1;iautourl.length;i++)document.write("img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 nerror=auto("http://"+autourl+"")")}

run()/script

46. 各種樣式的光標

auto ：標準光標

default ：標準箭頭

hand ：手形光標

wait ：等待光標

text ：I形光標

vertical-text ：水平I形光標

no-drop ：不可拖動光標

not-allowed ：無效光標

help ：?幫助光標

all-scroll ：三角方向標

move ：移動標

crosshair ：十字標

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

47、禁止鼠標右鍵，把Demo的圖片全都設為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來是一樣的，主要是防止鼠標經過圖片時會出現另存的按鈕。禁止鼠標右鍵的代碼很簡單：script. LANGUAGE="JavaScript" function click() { if (event.button==2) {alert('嗬嗬，不好意思，你甭想使用右鍵下載圖片：）'); } } document.onmousedown=click/script

1. 怎樣定義網頁語言( 字符集)?

----在製作網頁過程中, 你首先要定義網頁語言, 以便訪問者瀏覽器自動設置語言, 而我們用所見即所得的HTML 工具時, 都沒有注意到這個問題, 因為它是默認設置。要設置的語言可以在HTML 代碼狀態下找到:

$#@60; meta http －equiv="Content Type" content="text/html; charset=gb2312" $#@62;

----把charset=gb2312 改換成其它語言代碼即可, 比如英文:charset=en.

2. 怎樣防止別人把你的網頁放到框架裏?

----因為框架（frame）的緣故, 有許多人把別人的網頁放置到自己的框架裏, 使之成為自己的一頁。如果你要防止別人這樣做, 可以加入下列JavaScript 代碼即可, 它會自動監測, 然後跳出別人的框架。

$#@60; script language="javascript" $#@62;

？?if (self != top) { top.location = self.location; }

$#@60; /script $#@62;

3. 怎樣設置字體?

----在製作網頁過程中, 大家都喜歡使用漂亮的字體。但是, 如果訪客瀏覽器沒有安裝同樣的字體，看到你的網頁會是很普通的字體。如何防止這種情況出現呢? 大家知道字體設置的標簽是Font, 而它有個屬是Face, 該屬是定義字體的, 你可以這樣設置:, 訪客的瀏覽器就會按照Face 定義的字體順序設置已安裝的字體。目前動態主頁有種技術, 可以把字體信息用向量格式存儲, 然後利用訪客本身機器含有的公共信息庫把字體快速的組裝起來, 這樣, 就不用擔心訪客是否安裝有某種字體了。

4. 怎樣在網頁中加入注釋?

----在共同開發網頁中, 加入注釋是防止分工被搞混淆或者注釋某段代碼特殊的含加入注釋的格式是:

$#@60; ! －－ Microsoft FrontPage 3.0 －－ $#@62;。

5. 怎樣測試瀏覽器並自動裝入所需要的網頁?

----目前微軟和網景的瀏覽器並不能完全兼容所有網頁, 有的在某種瀏覽器裏非常漂亮, 而用其它瀏覽器查看時卻一團糟。如果你需要測試瀏覽器, 可以加入以下JavaScript 代碼並保存單獨一個網頁:

$#@60; script LANGUAGE="JavaScript" $#@62;

function TestBrowser(){

ie = ((navigator.appName ==

"Microsoft Internet Explorer") ＆＆

(parseInt(navigator.appVersion) $#@62;= 3 ))

ns = ((navigator.appName == "Netscape") ＆＆

(parseInt(navigator.appVersion) $#@62;= 3 ))

if (ns) {

setTimeout(location.href="nn4.htm",10);

} else {

setTimeout(location.href="ie4.htm",10);

}

$#@60; /script $#@62;

實例請參考:

http://www.netease.com/～tiantao/test.htm

6. 怎樣讓鏈接沒有下劃線?

----隻要在加入以下代碼, 所有鏈接就都沒有下劃線了:

$#@60; style type="text/css" $#@62;

$#@60; ! －－

A{text －transform: none;

text －decoration: none ;}

a:hover { text －decoration:underline }

－－ $#@62;

$#@60; /style $#@62;

7. 怎樣在網頁中加入E-mail 鏈接並顯示預定的主題?

A HREF=mailto:lovett@163.net?subject=test

8. 怎樣讓背景圖像不滾動?

----Internet Explorer 瀏覽器支持一個Body 屬 Bgproperties, 它可以讓背景不滾動。

$#@60; Body Background="c98.gif" Bgproperties="fixed" $#@62;

9. 怎樣評定網頁的級別?

----在IE4.0 瀏覽器中, 有一項功能是過濾網站的, 一些受限製的網站被過濾掉, 而該網站必須被RSAC( 美國娛樂委員會) 評定了級別IE4.0 才能過濾, 如果你要評級可以在網頁中加入以下代碼:

$#@60; meta http －equiv="PICS －Label"????

content=(PICS －1.1 "http://www.rsac.org/ratingsv01.html"

？?l gen true comment "RSACi North America Server"

？?for "http://youHostname"

？?on "1998.11.26GMT08:15 ?0500"

？?r (n 0 s 0 v 0 l 0))$#@62;

10. 怎樣定義本網頁的關鍵字?

----在網頁中加入關鍵字, 可以供某些搜索站台機器人的使用, 它們會利用該關鍵字為你的網站做索引, 這樣, 當別人用關鍵字搜索網站時, 如果你的網頁包含該關鍵字, 那麽就可以被列出了, 定義本網頁關鍵字, 可以加入以下代碼:

----$#@60; meta name="Keywords" content="china,enterprise,business,net" $#@62;

----Content 所包含的就是關鍵字, 你可以自行設置。

----這裏有個技巧, 你可以重複某一個單詞, 這樣可以提高自己網站的排行位置, 如:

----$#@60; meta name="Keywords" CONTENT="china,china,china,china" $#@62;

11. 怎樣鏈接本網頁的對象?

----有時鏈接發生在一個網頁裏, 比如頁麵上半部分列出了目錄, 下部分就列出了內容, 而單擊目錄任何一個項目都可以跳到指定部分, 可以在要被鏈接的內容部分設置如下方式:

$#@60; A NAME=" ＃t1" $#@62;$#@60; /A $#@62;

而要鏈接到以上設置的部分, 可以如下編製:

$#@60; A HREF="index.htm ＃t1" $#@62;t1$#@60; /A $#@62;

12. 怎樣為不支持框架結構的瀏覽器指定內容?

----為了防止不支持框架結構的瀏覽器訪問你的網頁, 可以在你的網頁中加入以下內容:

$#@60; body $#@62;

$#@60; noframes $#@62;

本網頁是框架結構, 請下載新的瀏覽器瀏覽

$#@60; /noframes $#@62;

$#@60; /body $#@62;

13. 怎樣刪除表格邊框?

----有時需要刪除表格的邊框, 你可以把Border 設置為如下代碼:

$#@60; body $#@62;

$#@60; table border="0" width="100 ％" $#@62;

$#@60; tr $#@62;

$#@60; td width="100 ％" $#@62;$#@60; /td $#@62;

$#@60; /tr $#@62;

$#@60; /table $#@62;

$#@60; /body $#@62;

14. 怎樣隱藏在狀態欄裏出現的LINK 信息?

----大家知道, 當你指向一個鏈接時, 該鏈接的信息會出現在瀏覽器狀態欄裏, 如果需要隱藏信息, 可以如下設置:

$#@60; a href="http://c98.yeah.net" onMouseOver="window.status=none ;

return true" $#@62;test$#@60; /a $#@62;

15. 怎樣在網頁中加入多媒體文件?

----有些多媒體文件無需其他程序就可以播放, 而有許多多媒體文件需要外部程序的幫助, 當瀏覽器下載不支持的格式時會調用外部程序。如果瀏覽器沒有安裝這種外部程序, 那麽瀏覽器會自動去下載；如果你需要加入多媒體格式, 可設置如下代碼:

$#@60; EMBED SRC="tt.ram" AUTOSTART="TRUE" LOOP="2" WIDTH="80" HEIGHT="30" $#@62;

----對於不支持EMBED 標簽的瀏覽器, 可以改用標簽。

16. 怎樣在網頁中加入電子郵件表單提交?

----表單提交需要CGI 程序的支持, 但你也可以利用E ？mail 提交, 當你設計好表單後, 把Action 內容加入郵件地址即可, 如下:

form method="POST" action="mailto:lovett@163.net" ENCTYPE="text/plain"$#@62;

17. 怎樣隱藏熱訊分析的圖標?

----熱訊分析是許多網友使用的服務, 它能幫助你分析網站的流量, 如果你想隱藏該服務圖標, 可以把服務代碼中的 width=88 height=31 都改為1 即可。

18. 怎樣在網頁中加入最後修改日期?

----在中加入以下代碼即可:

$#@60; Script Language="Java Script" $#@62;

document.write

(" 最後修改日期" ＋document.lastModified);

$#@60; /Script $#@62;

本文到此結束，希望對大家有所幫助呢。

關於html網頁設計源代碼的信息

相关推荐