欢乐颂第一季,小说阅读网

主頁 > 知識庫 > HTML技巧匯編

HTML技巧匯編

1.怎樣定義網(wǎng)頁語言(字符集)?
  在制作網(wǎng)頁過程中,你首先要定義網(wǎng)頁語言,以便訪問者瀏覽器自動設(shè)置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設(shè)置。要設(shè)置的語言可以在HTML代碼狀態(tài)下找到:

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

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

2.怎樣防止別人把你的網(wǎng)頁放到框架里?
  因為框架(frame)的緣故,有許多人把別人的網(wǎng)頁放置到自己的框架里,使之成為自己的一頁。如果你要防止別人這樣做,可以加入下列JavaScript代碼即可,它會自動監(jiān)測,然后跳出別人的框架。

script language="JavaScript">
if (self!=top) window.top.location.replace(self.location);
/script>

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

4.怎樣在網(wǎng)頁中加入注釋?
  在共同開發(fā)網(wǎng)頁中,加入注釋是防止分工被搞混淆或者注釋某段代碼特殊的含義,加入注釋的格式是:

!-宇風(fēng)多媒體論壇-->。

5.怎樣測試瀏覽器并自動裝入所需要的網(wǎng)頁?
  目前微軟和網(wǎng)景的瀏覽器并不能完全兼容所有網(wǎng)頁,有的在某種瀏覽器里非常漂亮,而用其它瀏覽器查看時卻一團糟。如果你需要測試瀏覽器,可以加入以下JavaScript代碼并保存單獨一個網(wǎng)頁:

script language="JavaScript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer")
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape")
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="nn4.htm"'',10);
} else {
setTimeout(''location.href="ie4.htm"'',10);
}
}
/script>

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

style type="text/css">
!--
a{ text-transform: none; text-decoration: none;}
a:hover { text-decoration:underline }
//-->
/style>

7.怎樣在網(wǎng)頁中加入E-mail鏈接并顯示預(yù)定的主題?
a href=mailto:cnshell@163.com?subject=hello>

8.怎樣讓背景圖像不滾動
body background="cnshell.gif" bgproperties="fixed">

或用CSS樣式表定義：
style type="text/css">
!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
/style>

9.怎樣讓背景圖像不平鋪?
　CSS樣式表定義：
style type="text/css">
!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
/style>

10.怎樣定義本網(wǎng)頁的關(guān)鍵字?
　在網(wǎng)頁中加入關(guān)鍵字，可以供某些搜索站臺機器人的使用，它們會利用該關(guān)鍵字為你的網(wǎng)站做索引，這樣，當(dāng)別人用關(guān)鍵字搜索網(wǎng)站時，如果你的網(wǎng)頁包含該關(guān)鍵字，那么就可以被列出了，定義本網(wǎng)頁關(guān)鍵字，可以加入以下代碼：
meta name="keywords" content="html,dreamweaver,flash,css">
　 content 所包含的就是關(guān)鍵字，你可以自行設(shè)置。
　這里有個技巧，你可以重復(fù)某一個單詞，這樣可以提高自己網(wǎng)站的排行位置，如:
meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">

11.怎樣鏈接本網(wǎng)頁的對象?
　有時鏈接發(fā)生在一個網(wǎng)頁里，比如頁面上半部分列出了目錄，下部分就列出了內(nèi)容，而單擊目錄任何一個項目都可以跳到指定部分，可以在要被鏈接的內(nèi)容部分設(shè)置如下方式：
a name="#1">/a>
　而要鏈接到以上設(shè)置的部分，可以如下編制：
a href="index.htm#t1">t1/a>

12.怎樣為不支持框架結(jié)構(gòu)的瀏覽器指定內(nèi)容?
　為了防止不支持框架結(jié)構(gòu)的瀏覽器訪問你的網(wǎng)頁，可以在你的網(wǎng)頁中加入以下內(nèi)容：
body>
noframes>
本網(wǎng)頁是框架結(jié)構(gòu)，請下載新的瀏覽器瀏覽
/noframes>
/body>

13.怎樣刪除表格邊框?
   刪除表格的邊框，你可以在表格的屬性中加一句border="0" 即可。
   或把border設(shè)置為如下代碼:
body>table border="0" width="100%">
tr>
td width="100%">/td>/tr>
/table>/body>
注：(其實兩種性質(zhì)是一樣的)

14.怎樣隱藏在狀態(tài)欄里出現(xiàn)的LINK信息?
　大家知道，當(dāng)你指向一個鏈接時，該鏈接的信息會出現(xiàn)在瀏覽器狀態(tài)欄里，如果需要隱藏信息，可以如下設(shè)置：
a >test/a>
　　如果想要指向一個鏈接時，瀏覽器狀態(tài)欄里出現(xiàn)特定的信息，把none 改成你需要的文字即可。

15.怎樣在網(wǎng)頁中加入多媒體文件?
　有些多媒體文件無需其他程序就可以播放，而有許多多媒體文件需要外部程序的幫助，當(dāng)瀏覽器下載不支持的格式時會調(diào)用外部程序。如果瀏覽器沒有安裝這種外部程序，那么瀏覽器會自動去下載；如果你需要加入多媒體格式，可設(shè)置如下代碼：
embed src="tt.ram" autostart="true" loop="2" width="80" height="30">

  對于不支持embed 標簽的瀏覽器，可以改用標簽。

16.怎樣在網(wǎng)頁中加入電子郵件表單提交?
　表單提交需要CGI程序的支持，但你也可以利用E-mail 提交，當(dāng)你設(shè)計好表單后，把action 內(nèi)容加入郵件地址即可，如下：
form method="post" action="mailto:cnshell@163.com" enctype="text/plain">

17.怎樣隱藏?zé)嵊嵎治龅膱D標？
　熱訊分析是許多網(wǎng)友使用的服務(wù)，它能幫助你分析網(wǎng)站的流量，如果你想隱藏該服務(wù)圖標，可以把服務(wù)代碼中的width=88 height=31都改為1即可。

18.怎樣在網(wǎng)頁中加入最后修改日期？
　在body 中加入以下代碼即可：
script Language="JavaScript">
document.write
("最后修改日期" + document.lastModified);
/Script>

19.創(chuàng)建一個吸引人站點的步驟是怎樣的?
   要創(chuàng)建一個吸引人的站點,請考慮以下建議:

1)誰該是你的訪客,是喜歡音樂的,還是喜歡玩游戲的;2)是什么內(nèi)容能吸引這些人,更快更新的信息,還是提供更多的下載;3)如何讓訪客停留呢,當(dāng)然不要用BUG,比如讓訪客的機器死機;4)是什么能讓訪客再來呢,比如說明天有好東西,記得來呀,不過別騙人;5)制定自己的目標,實現(xiàn)它;6)征求大家的意見,然后逐步改進.

20.如何創(chuàng)建一個調(diào)查表?
   越來越多的站點需要交互性來吸引訪客,當(dāng)論壇失去新意后,建立一個調(diào)查表,可以讓訪客選擇你設(shè)置的問題,并讓訪客馬上看到結(jié)果.

連接站點http://www.beseen.com/quiz/quizsignup.html,填寫姓名及電子函件地址并選擇你的站點類別，單擊accept按鈕，這樣過一會就能收到站點的回復(fù)了，期中提供了html代碼，接下來設(shè)置調(diào)查表內(nèi)容,最后把代碼加入到自己頁面中即可.

1、如何讓一段文本排版兼容IE4和NN4？
　有時侯，你設(shè)置的一段文本在IE4里瀏覽良好，但到NN4瀏覽器里，發(fā)現(xiàn)一段文本變成了一行文本，實在令人心煩，這時，你只需對照NN4瀏覽器里的文本，在需要分行的地方加入BR>元素即可，這不會影響在IE4里的瀏覽。

21.如何打開一個新的瀏覽器窗口并設(shè)置窗口的屬性?
   如果你需要在載入站點的同時,再打開另一個新窗口,加入以下代碼即可:

script language="JavaScript">
!--
var gt = unescape('%3e');var popup = null;var over = "Launch Pop-up Navigator";popup = window.open('', 'popupnav', 'width=160,height=160,resizable=1,status=yes,menubar=no,scrollbars=yes');if (popup != null) {if (popup.opener == null) {popup.opener = self; }popup.location.href = 'pop.htm';}
//-->
/script>

期中pop.htm可以設(shè)置為你的htm文件,對于設(shè)置新窗口的屬性,對照以下設(shè)置:

popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');

width:寬,height:高,resizable:是否允許訪客縮放新窗口,scrollbars:如果文本超過一屏,是否生成滾動條,status:是否顯示狀態(tài)欄,menubar:是否顯示菜單,location:是否顯示地址欄.

以上所有屬性使用格式為:屬性=yes或者no.而width和height兩個屬性為:width=#pixels,height=#pixels.

22.怎樣判斷服務(wù)器使用的操作系統(tǒng)?
   在瀏覽器地址欄里,輸入要察看的服務(wù)器地址,一定要包含目錄和文檔名字,然后回車,出現(xiàn)請求頁面,試著把文檔名改為大寫格式,如果返回該頁面不存在,那么可能該服務(wù)器使用的操作系統(tǒng)為unix或macintosh,如果頁面內(nèi)容返回,那么可能該服務(wù)器為windwos操作系統(tǒng),因為windows對大小寫不敏感.

23.怎樣提高站點在搜索引擎中被搜索到的機會?
   當(dāng)你把自己站點登記到搜索引擎中后,并不表示你的站點就會被經(jīng)常搜索到,如何提高這個幾率呢,很簡單,你的主頁一般會有一個標題,一般設(shè)置在title>/title>中間,這時,你可以在設(shè)置完標題后,跟著把關(guān)鍵字也設(shè)置在這里,比如:
title>宇風(fēng)多媒體-china,love,dhtml,yufeng21,yahoo/title>.因為搜索引擎會首先察看站點的標題,并把標題作為你站點的關(guān)鍵字,當(dāng)你把關(guān)鍵字也設(shè)置在了標題中后,搜索引擎也會加入這些關(guān)鍵字,這比其它所有的方法都好,唯一缺點,你站點標題變長了.

24.如何測試網(wǎng)站的下載速度?
   準備一個能讀秒的表,比如跑步表,這樣精度高些,當(dāng)然也可以使用普通的表.

首先我們測試純文本的下載時間,打開瀏覽器,關(guān)閉下載圖片功能,然后連接上網(wǎng),在地址欄輸入站點地址,回車后,計時開始,當(dāng)全部文本內(nèi)容下載完后,停止計時.

如果你要測試整個站點下載速度,打開圖片下載功能,如果你站點含有JavaScript,也要在瀏覽器選擇為支持,同上,打入地址,回車,計時開始,當(dāng)所有內(nèi)容下載完后,停止計時.

經(jīng)過以上兩種測試,你就會對自己站點的連接下載速度,作到心中有數(shù)了.

25.如何讓站點自動跳轉(zhuǎn)到另一頁?
   加入以下代碼到HTML文件中即可：
meta http-equiv="refresh" content="5;url=http://www.yufeng21.com/index.htm">
　　
content中的"5"為停留的秒數(shù)，http://www.yufeng21.com/index.htm 是將要跳轉(zhuǎn)的頁面。

26.怎樣讓廣告隨機出現(xiàn)?
   當(dāng)你想展示許多廣告,但頁面空間不夠時,你可以讓廣告隨機出現(xiàn),你只需要加入一段代碼.網(wǎng)上有這樣的代碼，搜索……

27.如何知道我的站點連接出現(xiàn)的地方？
　可能你的站點被其它站點連接，如何知道呢，訪問搜索引擎站點：
　 http://www.altavista.digital.com/
　在搜索窗口中，輸入：+link:yoursite.com-host:yoursite.com
　這樣，包含你站點連接的頁面被列出，當(dāng)然，你也可能什么都沒有找到。

28.如何避免自己的圖片被其它站點利用?
   為圖片起一個很怪的名字,這樣可以避免被搜索到,還可以利用photoshop的水印功能加密.當(dāng)然,你也可以在自己的圖片上加上一段版權(quán)文字,比如標明自己的名字-cnshell.因為文字體來就在圖片上,除非使用人截取圖片.不然就是侵權(quán)了.

29.如何不利用表格而準確的分隔圖片和文字?
   在頁面中想要分隔圖片和文字,利用表格是非常好的方法,你還可以制做一個透明的gif圖形,因為圖形是透明的,你就可以拿來分隔圖片和文字了,當(dāng)然要注意透明圖的大小.

30.如何跳到頁面的頂部?
   當(dāng)瀏覽者瀏覽到頁面底部后，你需要提供一個單擊，讓瀏覽者方便的跳到頁面頂部，加入以下代碼：
a href="#top">返回頂部/a>

31.有什么簡單的方法編寫Cookie?
   cookie 是信息小甜餅，記錄著瀏覽者的信息，你可以利用meta 標簽編寫最簡單的cookie 并加入到頁面中：
meta http-equiv="Set-Cookie" content="MyVar=你的頁面過期了;expires=Thursday,15-4-99 00:00 GMT+8:00; PATH=/">

32.如何在一個站點不同頁面間播放同一種聲文件?
   大家有這樣的經(jīng)驗，當(dāng)你訪問一個站點首頁時，會聽到該頁設(shè)置的背景聲音文件，比如一段音樂。當(dāng)你鏈接到該站點另一頁時，音樂就停止了。如何讓聲音不斷呢。其實，你只需要建立一個上下框架結(jié)構(gòu)的網(wǎng)頁，把聲音文件建立在下框架里，并把下框架的寬度設(shè)置為一個像素，而上框架里是頁面內(nèi)容，當(dāng)訪問者離開站點首頁時，因下框架內(nèi)容未變，所以，聲音不會間斷。大家還要注意兩點，第一，把框架的邊框設(shè)置為0；第二，隱藏聲音文件的播放界面，然后把上下兩個框架的背景設(shè)置為相同。

33.如何讓訪問者能更多的單擊付費旗幟廣告?
   擁有個人站點的網(wǎng)友都會去申請一些付費的廣告，以得到一些網(wǎng)費補助。但很可惜，即使你經(jīng)常請求訪問者為了支持本站建設(shè)，請單擊旗幟廣告。遺憾的結(jié)果是，還是很少有人單擊。要想讓訪問者能更多單擊你的旗幟廣告，有兩種方法：

第一種：強化印象

讓那個旗幟廣告一直出現(xiàn)在訪問者面前，讓他不得不好奇的單擊一下。你可以建立一個上下框架的頁面，把旗幟廣告放置在任意一個框架里。這樣，只要訪問者不離開你的站點，旗幟廣告會一直出現(xiàn)在他們的面前。還要提醒你，不要在廣告下面寫上“為了本站發(fā)展，請單擊廣告”，你要讓訪問者知道這個廣告會帶給他們某種信息，而不是為了你才單擊。

第二種：有代價的單擊

如果你擁有某種十分吸引人的信息，而你想在不收費的情況下，得到某種利益(請允許這樣說)，你可以讓訪問者必需單擊旗幟廣告，才能獲得信息。

34.如何在NN4和IE4瀏覽器中瀏覽相同效果的字體?
   我們制作頁面時，利用IE4瀏覽器瀏覽時，一切很正常。但用NN4瀏覽時，發(fā)行細體字變成了粗體字了。這是因為，當(dāng)你頁面包含一段粗體字時，此時你復(fù)制了一段文本到該粗體字的周圍，你會發(fā)現(xiàn)復(fù)制的文本也變成了粗體字，當(dāng)然此時也可以再把它設(shè)置為你想要的字體大小，如果這樣做了，我上面說的情況就會出現(xiàn)。你需要復(fù)制文本到頁面空白處，這樣文本不具有任何屬性，然后拖動文本到合適的地方進行你需要的文本字體設(shè)置。這種情況多出現(xiàn)在利用FrontPage98編寫網(wǎng)頁。

35.如何讓提交表單后打開一個新窗口顯示提交結(jié)果?
   如果你的站點上有郵件列表服務(wù)，每當(dāng)訪問者訂閱并按下訂閱按鈕后。因為郵件列表需要訂閱確定，而這種服務(wù)多為第三方提供的，所以訂閱確定頁會連接到服務(wù)商的頁面。這樣有時會照成訪問者離開了站點。你可以按下面的代碼設(shè)置，讓訪問者單擊了訂閱按鈕后，會打開一個新的窗口顯示訂閱確定。

form action="http://www.popchina.com/cgi-popchina/mailist.plqu ... t;a" method=post>

其中在你的代碼中加入：target="a"

36.如何防止頁面源代碼被復(fù)制?
   如果你的頁面包含一個自行設(shè)計的JavaScript小程序，如何防止它被別人復(fù)制使用呢。其實你不可能完全阻止他人引用，但你可以采用適當(dāng)?shù)姆椒ūM量維護自己的權(quán)益：

第一.版權(quán)聲明
在源代碼中加入一段版權(quán)解釋-＜!----本源代碼版權(quán)所有，請勿復(fù)制。----＞，并把源代碼利用E-Mail寄一份給自己，以確定時間，為以后與別人交涉做好證據(jù)準備。

第二.工具加密
你也可以利用工具軟件加密源代碼。我以前用過 Web Protector 2.0，覺得還不錯。

37.如何清除頁面中的框架結(jié)構(gòu)?
   在鏈接屬性中加入target="_top" 如下設(shè)置：
a >宇風(fēng)多媒體/a>
   當(dāng)你單擊了這個鏈接，頁面所有框架被清除并以該鏈接內(nèi)容替代。

38.如何防止站點頁面被任意鏈接?
   有許多好站點的頁面被其它站點任意鏈接，如果你不希望別人直接鏈接到站點內(nèi)部去，你可以經(jīng)常更換頁面文件名。比如每十天改一次，這樣可以有效防止別人的任意鏈接。缺點是讓直接訪問著無所適從。

39.如何創(chuàng)建一個下拉菜單?
   我們在主頁中常會用到下拉菜單，一般來說，它需要CGI程序支持。你也可以利用JavaScript編寫一個。

head>
script LANGUAGE="JavaScript">function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex].value;window.location.href = URL;}
/script>
/head>
body>
form name="form">select NAME="site" SIZE="1" onChange="formHandler()">option value="請選擇">請選擇/option>＜option value="http://www.yufeng21.com/"＞分欄內(nèi)容＜/option>option value="http://www.yufeng21.com/">分欄內(nèi)容/option>option value="http://www.yufeng21.com/">分欄內(nèi)容/option＞＜option value="mailtocnshell@163.net">給我寫信/option>/select>/form>
/body>

40.如何避免頁面電子函件地址被搜索到?
　經(jīng)常會收到不請自來的垃圾信，如果你擁有一個站點并發(fā)布了你的E-Mail 鏈接，那么其他人會利用特殊工具搜索到這個地址并加入到他們的數(shù)據(jù)庫中。要想避免E-Mail 地址被搜索到，可以在頁面上不按標準格式書寫E-Mail 鏈接，比如：cnshell at 163.com，它等同與cnshell@163.com。

41.如何給站點加入計數(shù)器并進行設(shè)置?
   要給站點加入計數(shù)器需要第三方提供服務(wù)，目前這種服務(wù)非常多，而一般申請免費主頁空間時會提供計數(shù)器服務(wù)。計數(shù)器格式如下：

img src="http://ip/cgi-bin/count.exe?dd=A;df=tiantao|ft=0"border="0" ... t="19" align="top">

  期中dd表示計數(shù)器的數(shù)字字體形狀，一般可以選擇A,B,C,D,E,F六種；df表示計數(shù)器的記錄文件名字，一般為申請者的用戶名字；ft表示字體的立體效果，可以為任意數(shù)字；計數(shù)器還包含md(定義計數(shù)器最大位數(shù))，display(計數(shù)器功能)等屬性。

42.創(chuàng)建一個好站點應(yīng)具備什么知識?
   ⑴HTML的使用技能；⑵WEB圖形的使用；⑶JavaScript編程；⑷站點的布局計設(shè)計；⑸管理站點的能力；⑹寫作能力，為站點內(nèi)容服務(wù)；⑺對WEB服務(wù)器的了解。

43.如何使圖片與瀏覽器窗口無縫接合?
   大家有時候發(fā)現(xiàn)想把一幅圖片與瀏覽器窗口邊框無縫接合很難，總會有點距離。這是因為你沒有設(shè)置頁面邊距，在你的頁面BODY>中加入以下代碼：

topmargin="0" leftmargin="0"

topmargin為與瀏覽器窗口頂部距離，此時為O，圖片與瀏覽器窗口無縫接合。

leftmargin="0"為與瀏覽器窗口左邊距離，此時為0。

44.如何建立一個站點的搜索引擎系統(tǒng)?
   如果你的站點有許多內(nèi)容，你希望訪問者能很快找到他想要的信息。那么你需要建立一個搜索引擎。連接到網(wǎng)站網(wǎng)絡(luò)特區(qū)http://netzone.swatou.com/personal/,單擊"申請站點引擎"并填寫申請表，再按照要求建立站點頁面數(shù)據(jù)庫即可。

45.如何讓文本與圖像和平相處?
   如果你有一段長的文本，并把文本縮排在頁面中間部分，你希望在文本周圍放置幾幅圖片，這該如何進行呢。假設(shè)你在使用FrontPage98編輯頁面，首先設(shè)置好文本，然后在需要放置圖片的地方，建立一個單行表格，并利用鼠標把它拖到最小，選擇表格屬性，把Float設(shè)置為right(表示放置在文本右邊)，單擊OK。這時，表格處于文本右邊，最后把圖片放置在表格中即可，記得把表格邊框取消。

46.如何改變鏈接顏色?
   要改變鏈接顏色，請在body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="bj4.gif">中設(shè)置.link為未鏈接顏色，vlink為已鏈接顏色，alink為鏈接過度顏色.

47.如何讓訪問者忽視緩沖頁面?
請在head>/head>部分加入MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">

48.如何為頁面制作幻燈片效果?
如果想為訪問者展示一系列的圖片，并且頁面自動每間隔一段時間刷新圖片。假設(shè)要展示三副圖片，為這三幅圖片制作三個頁面1.htm,2.htm,3.htm。在每個頁面head>/head>部分分別加入META HTTP-EQUIV="Refresh" Content=" 6;URL=x.htm">,其中1.htm指向2.htm,2.htm指向3.htm。

49.如何正確上傳頁面?
   服務(wù)器默認首頁名字是什么，目前多為index.htm或default.htm。
   是否需要建立目錄public_html,有的服務(wù)器需要建立該目錄并把所有頁面都上傳到該目錄下，有的只需要直接上傳到根目錄下(/)。
   服務(wù)器是否支持中文文件名(喜歡用中文文件名的網(wǎng)友要注意)。
   服務(wù)器對文件英文大小寫是否敏感，筆者提議最好都用小寫英文。
   檢查用戶名和密碼是否正確。

50.如何為文字鏈接加上文字提示?
我們一般可以為圖片加上文字提示，即alt=宇風(fēng) 如何為文字鏈接加上文字提示呢，只需在a>中加入title標簽。a >宇風(fēng)多媒體互動/a>

51.如何改變表單submit按鈕的文字?
   把下面代碼中的value屬性值改成你需要的文字即可。

input type="submit" value="submit" name="B1">

52.如何在IE4和NN4瀏覽器中精確定位圖片?]
精確擺放圖片需要CSS(層疊樣式表)的幫助，如下：

html>head>title>cnshell/title>/head>
style>.a
{

positionbsolute;top:100px;left:120px;visibility:visible;

}

/style>

body>div class="a">

img src="cnshell.jpg" width="130" height="191">

/div>/body>/html>

調(diào)節(jié)top,left的值來精確定位圖片。

53.如何加快頁面圖片下載速度?
   有種情況，首頁圖片過少，而其它頁面圖片過多，為了提高效率，當(dāng)訪問者瀏覽首頁時，后臺進行其它頁面的圖片下載。方法是在首頁加入：img src="cnshell.jpg" width=0 height=0>,其中width,height要設(shè)置為0，cnshell.jpg為提前下載的圖片名。

54.如何自動彈出對話框?
   在body>/body>部分加入

script LANGUAGE="JavaScript">alert("彈出內(nèi)容")/script>

55.什么是目標窗口，它該如何設(shè)置?
   目標窗口是頁面鏈接所指內(nèi)容顯示的窗口，也就是當(dāng)你單擊了頁面某一個鏈接后，該鏈接所指的內(nèi)容在那個窗口顯示。大多數(shù)情況下，我們無需關(guān)心它，因為一般都是在同一窗口顯示。

target是鏈接標簽a>的屬性，它的作用就是指定目標窗口，target有以下幾個值：

_self-將鏈接指向的內(nèi)容裝載到當(dāng)前頁的窗口或框架中

_top-完全取代當(dāng)前頁面的所有框架

_blank-為鏈接指向的內(nèi)容打開一個新的窗口

_parent-把鏈接指向的內(nèi)容裝入當(dāng)前頁FRAMESET>父窗口中

以上設(shè)置多用在框架結(jié)構(gòu)的頁面中。

56.如何為所有鏈接指定同一目標窗口?
   在框架網(wǎng)頁結(jié)構(gòu)中，我們需要指定鏈接所指向的內(nèi)容顯示在那個窗口中。如果你的鏈接大部分都指定到同一個窗口中，就可以在HEAD>/HEAD>部分中加入：base target＝"窗口名">，你無需為每個鏈接再指定窗口了。

57.如何讓所有頁面共享同一個層疊樣式表(CSS)?
   在每一個頁面的HEAD>/HEAD>部分中加入以下代碼：

link rel="stylesheet" Type="text/css" href="cnshell.css">

其中cnshell.css為共享的層疊樣式表文件，該文件可以利用文本編輯工具編寫,它應(yīng)包含如下的相似代碼：

/style>style type="text/css">!--A{text-transform: none; text-decoration: none;}aover { text-decoration:none-->/style>

58.如何為鏈接定制新窗口?
   我們可以打開一個新的窗口來顯示鏈接的內(nèi)容，但如何定制這個新窗口呢。

  只需要在標簽A>中加入onClick事件:

a href="#" onClick="window.open('cnshell.htm','help','scrollbars=yes,resizable=yes,width=500,height=40')">問答/a>

"#"表示單擊鏈接"問答"后，當(dāng)前窗口保持不變，cnshell.htm為單擊鏈接"問答"后所打開新窗口裝載的內(nèi)容，而scrollbars=yes,resizable=yes,width=500,height=40為設(shè)置新窗口的大小等屬性。

59.如何在沒有安裝更多瀏覽器的情況下測試頁面?
   目前存在的不兼容性，使得同樣一個頁面在不同瀏覽器中的顯示是不一樣的，如何盡可能使大家都滿意呢，在沒有安裝更多種類的瀏覽器情況下，你需要關(guān)閉圖片，JavaScript支持，CSS支持等等功能，因為大多數(shù)低版本瀏覽器都不支持它們，這樣查看能讓你知道頁面在那里有多“難看”。

60.制作動態(tài)頁面的步驟是怎樣的?
   第一步：設(shè)計頁面及尋找頁面需要的材料；第二步：完成普通頁面的制作，此時無須涉及動態(tài)主頁內(nèi)容；第三步：為頁面文字增加層疊樣式表，以改變文字顏色，鏈接等；第四步：為頁面增加交互性內(nèi)容，如cgi,javascirpt,activeX控件等，這是把頁面動態(tài)的關(guān)鍵；第五步：測試動態(tài)頁面以適應(yīng)更多瀏覽器；第六步：發(fā)布動態(tài)頁面并在上面標明該頁是動態(tài)頁面(dhtml)。

61.如何讓訪問者單擊加入站點書簽?
總希望訪問者能能把你的站點，加入到他們的書簽里，這里有個好辦法：

在HEAD>/HEAD>部分加入：

script language="JavaScript">!--

function addbookmark()

{window.external.AddFavorite("http://www.yufeng21.com","宇風(fēng)多媒體");}

//-->
/script>

然后在BODY>/BODY>部分加入：

script language="JavaScript">
!--
if(document.all != null){document.write("[＜a href=javascriptddbookmark()＞按一下，我將和您成為朋友。/a>]");}
// -->/script>

62.是否可以利用大寫體來書寫HTML標簽元素?
   對于大多數(shù)HTML標簽元素,你可以利用大寫體或小寫體及兩者的混合體來書寫標簽元素。比如：

html>/html>和HTML>/HTML>同等有效。

但如果是特殊字符的標簽元素，你只能使用小寫體。比如版權(quán)的字符的標簽元素是：?，如果寫成?；，那么頁面將完全顯示?；。

63.如何在頁面利用單擊來關(guān)閉瀏覽窗口?
   在BODY>/BODY>部分加入以下代碼：

a href="javascript:window.close()">關(guān)閉窗口/a>

64.如何為頁面設(shè)置訪問口令?
有時候你需要為某一頁設(shè)置密碼，以讓合適的人進來。在＜head＞＜/head＞部分加入：

script language="JavaScript">!--var pd="" var rpd="cnshell" pd=prompt("請您輸入密碼:","")if(pd!=rpd){ alert("您的密碼不正確...")history.back()}else{alert("您的密碼正確!")window.location.href="cnshell.htm"}
// -->
/script>

在以上代碼中,"cnshell"就是正確的密碼。"cnshell.htm"是當(dāng)輸入正確密碼后鏈接的頁面。這種設(shè)置口令的方法并不安全，因為只要訪問者查看頁面源代碼就能知道設(shè)置的密碼了。

65.如何為訪問者設(shè)置正確的軟件下載鏈接?
   與其它鏈接一樣，都使用a>/a>標簽。但對于軟件下載鏈接，你需要這樣設(shè)置：

a href="cnshell.zip">Download cnshell.zip (188kb)/a>

66.如何刪除圖片鏈接的藍色邊框?
如果我們設(shè)置了圖片為一個鏈接，會發(fā)現(xiàn)圖片四周出現(xiàn)了藍色邊框。要刪除邊框，需要在圖片標簽里加上border="0"。如：img src="cnshell.jpg" border="0">

67.如何為鏈接提供一個按鈕?
form ACTION="cnshell.htm" METHOD="GET">

p>input TYPE="submit" VALUE="單擊這里" NAME="cnshell">/p>

/form>

68.如何為頁面增加一個計數(shù)器?
   這個問題對于初上網(wǎng)的人實在是個頭痛的事情，因為他們發(fā)現(xiàn)在利用FrontPage98增加計數(shù)器后，發(fā)現(xiàn)根本都不起作用。計數(shù)器需要服務(wù)器CGI的支持，不能由本地的電腦自行設(shè)置。所以，如果你的站點需要計數(shù)器，請到以下這個最有名的計數(shù)器提供商申請吧：http://www.linkexchange.com/

69.如何知道站點的流量來至那里?
   如果你擁有站點服務(wù)器的管理權(quán)，那么這是個很簡單的問題，查查服務(wù)器日志就可以了。但目前你沒有那權(quán)力，不過可以由第三方提供流量數(shù)據(jù)。易數(shù)是個不錯的選擇，鏈接到站點http://best.netease.com/申請，然后把代碼加入到頁面即可。當(dāng)你想知道流量時，單擊易數(shù)圖標，在統(tǒng)計頁面中，單擊分析即可。

70.如何讓瀏覽器正確顯示word文件格式?
   為了正確處理word等格式，你需要在HTML文件中設(shè)置好該文件類型，比如：

meta http-equiv="Content-Type" content="Application/msword">

還有其它經(jīng)常設(shè)置的文件類型：

Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format

71.如何知道自己的圖片被其它網(wǎng)站使用?
   如果你為自己站點的圖片起了一個獨特的名字，也就是不容易重名，比如tt124.jpg.那么鏈接到站點：http://www.altavista.com/，在搜索欄里輸入tt124.jpg.然后開始查找，如果有站點采用了tt124.jpg圖片，該站點就會被列出。AltaVista搜索引擎是一個以機器人搜尋為主的站點，它的機器人會不停地把整個網(wǎng)絡(luò)的頁面作上索引，所以，你可以在那里找到和你相關(guān)的任何東西，把你的名字的拼音輸輸入看看，找到什么啦。

72.如何縮進文本段落?
   在head>/head>部分加入：

P { text-indent: 1% }

P標簽為HTML文本段落的標簽，1%為縮進的范圍。

73.如何正確使用分隔線?
   如果你使用FrongPage98，這里我再假設(shè)你需要分隔頁面左右兩部分內(nèi)容，先利用表格工具拖出三個橫行表格，把內(nèi)容分別放置到左右兩個單元，然后把中間的單元的寬度設(shè)置為1個Pixels,并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設(shè)置為Pixels即可。

74.如何單擊鏈接打開一個定制的新窗口?
   先在head>/head>部分加入代碼：

script language="JavaScript">
!--
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,123,features);}
//-->
/script>

然后在鏈接標簽a>中加入如下代碼即可：

a href="#" onClick="MM_openBrWindow('http://www.yufeng21.com/cnshell/','123','scrollbars=yes,width=640,height=480')">宇風(fēng)多媒體/a>

75.為什么有的站點下載很慢?
   因為網(wǎng)頁用了過多的圖片，為了追求COOL的效果用了大量的Java Applet，過多使用TABLE>，這些都是不可取的。對于圖片必須要用的壓縮再用，對于Java Applet絕對不用，它會讓機器配置低的訪問者的硬盤狂讀不止。對于需要的動態(tài)頁面，可利用CSS和JavaScript實現(xiàn)。

76.如何讓字體顯示的更舒服?
   這需要利用到CSS(層疊樣式表)，目前約定俗成的字體是：{ font-family:宋體(GB); font-size: 9pt; line-height: 16px }，把這段代碼加入到head>/head>之間。如：

head>
style>
!--.font { font-family:宋體(GB); font-size: 9pt; line-height: 16px }-->/style>
/head>
body>p class="font">計算機世界報br>網(wǎng)頁制作常見問題解答/p>
/body>

font-family:宋體(GB)是設(shè)置的字體；font-size: 9pt是字體的大??；line-height: 16px是文本行的上下間隔。

77.如何讓網(wǎng)頁兼容IE和NN兩種瀏覽器?
   完全的兼容是不可能的。目前IE瀏覽器占有量大大超過NN瀏覽器，所以你只需要兼容IE瀏覽器即可。當(dāng)然你也可以制作兩套網(wǎng)頁，利用JavaScript來檢測不同瀏覽器以裝入相應(yīng)網(wǎng)頁。

78.如何正確使用字體?
   設(shè)置文本字體是網(wǎng)頁制作中很重要的的環(huán)節(jié)，但因為并不是每一位訪問者都有你設(shè)置的字體，所以盡量使用操作系統(tǒng)默認的字體宋體，黑體，楷體。對于其它類型字體可以用圖形方式實現(xiàn)。

79.如何制作繁體版本網(wǎng)頁?
   如果你使用E-Port的網(wǎng)頁作坊工具制作頁面，那就可以利用工具菜單下的GB轉(zhuǎn)BIG5來把簡體網(wǎng)頁變成繁體網(wǎng)頁。如果你用其它工具也可以利用網(wǎng)頁作坊的GB轉(zhuǎn)BIG5來制作繁體網(wǎng)頁，利用網(wǎng)頁作坊打開頁面，點選工具菜單下的GB轉(zhuǎn)BIG5轉(zhuǎn)換網(wǎng)頁并保存。要注意的是，你需要把原meta http-equiv="Content-Type" content="text/html; charset=gb2312">中的charset=gb2312改為charset=big5，這樣，訪問者的瀏覽器就會自動識別了。(E-Port的網(wǎng)頁作坊下載地址：http://e-port.soim.net/)

80.利用水平線(HR)制作垂直線?
插入HR很簡單：hr size="1">。如何讓它垂直呢，更簡單：hr size="100" width="1">

81.與其它站點交換連接需要什么?
   當(dāng)然，你首先要有一個個人站點，然后準備好兩個站點LOGO。一般來說，400x40和88x31兩種LOGO是必需的，其它也可以準備一個100x31的LOGO。400x40的LOGO用于象網(wǎng)盟這樣的廣告交換站點，88x31和100x31用于個人站點之間的交換。

82.如何讓下拉式菜單中的鏈接來打開一個新的窗口?
   先把下拉式菜單設(shè)置好，如：

form method="POST">select name="D1" size="1">option value="http://www.yufeng21.com/cnshell/">宇風(fēng)多媒體/option>option value="http://www.yufeng21.com/"＞宇風(fēng)多媒體互動/option>/select>input type="submit" value="Submit" name="B1">input type="reset" value="Reset"name="B2">/p>/form>

然后把select name="D1" size="1">改為

select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

83.如何正確對齊文本？              Top
有時，我們需要對一段文本的左右，上下的邊距(指文本至瀏覽器的距離)加以指定以使文本正確對齊，CSS(層疊樣式表)提供這樣的功能：

在head>/head>中加入

style>
!--.tt { margin-left: 68px; margin-right: 70px; margin-top: 69px; margin-bottom: 71px }
-->
/style>

.tt為類名，以便你在HTML標簽中應(yīng)有。而在{ }中的屬性及指分別為邊距左，右，上，下的距離。當(dāng)它們的邊距都相等時比如都是60px，可以簡寫為：.tt { margin: 60px }.

當(dāng)在文本中引用了該CSS，你會發(fā)現(xiàn)文本對的非常整齊。

84.如何正確使用圖片格式?
   目前在網(wǎng)絡(luò)上的圖片準標準格式為JPG和GIF。當(dāng)圖片顏色數(shù)很多時，就選擇JPG，它的壓縮比高，而GIF適合顏色數(shù)少的圖片。

85.如何在網(wǎng)頁上顯示訪問者系統(tǒng)信息?
把以下代碼加入到Body>/Body>:
script Language="JavaScript">document.write(navigator.appVersion)/script>

86.如何正確放置JavaScript?
JavaScript為動態(tài)主頁的實現(xiàn)工具，一般來說JavaScript放置于head>/head>或者body>/body>之間。對于放置在body>/body>之間的JavaScript，你需要把它放置在適當(dāng)位置。如果你用FrontPage98工具，先把光標移到想放置JavaScript的地方，然后選擇Insert/Advanced/script，在打開的文本框中輸入JavaScript，這樣就放置好了。預(yù)覽頁面，JavaScript出現(xiàn)在你放置的地方。你也可以把JavaScript放置到表格中，這樣可以精確定位。

87.個人站點需要那些交互功能?
交互是網(wǎng)絡(luò)的魅力所在，作為個人站點也需要這些交互性的工具，以便和訪問者隨時進行溝通。以下是目前個人站點必備的交互工具：

留言板-讓訪問者給你的站點提提意見;
論壇-討論某一個特定主題的地方，它和留言板的區(qū)別是留言板可以包含任何內(nèi)容;
調(diào)查表單-利用個人站點，你可以對某一問題進行調(diào)查，然后看看各意見的支持率;
訂閱表單-通過郵件給訂閱者提供站點的更新信息;
聊天室-一個即時的對話場所，特別可以對一個特定主題組辦一個網(wǎng)絡(luò)討論;
搜索引擎-當(dāng)站點內(nèi)容過多時，搜索引擎可以讓訪問者快速找到想看的內(nèi)容;
88.如何縮進文本段落？
　在head>/head>部分加入：
p { text-indent: 1% }
　p 標簽為HTML文本段落的標簽，1%為縮進的范圍

89.如何點擊一個鏈接同時在兩個frame 內(nèi)變化?
　對于一個由topFrame、leftFrame、mainFrame 構(gòu)成的頁面，如果想在leftFrame 中點擊鏈接，同時在其他兩個frame 內(nèi)變化，代碼如下：
a href="x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">
90.前進、后退和刷新
  a href="javascript:history.back()">后退/a>
  a href="javascript:history.go()">前進/a>
  a href="javascript:location.reload()">刷新/a>

91.打印按鈕
form>
input name="Print" onClick="window.print();return false" type="button" value="Print">
/form>

92.查看源碼按鈕
input type=button name="view" value="查看源碼" onClick=''window.location="view-source:" +window.location.href'' style="font-size:9pt">

93.如何去掉頁面滾動條?
　在body 中加入樣式表控制，代碼如下：
body bgcolor="#000000" leftmargin="0" topmargin="0" style="overflow-x: hidden; overflow-y: hidden; width: 100%">

94.如何在Dreamweaver 插入空格？
　在FrontPage 中，插入空格只需要在選定的文本前按下鍵盤空格鍵就可以了，但在Dreamweaver 中不行?？崭竦臉撕炇?nbsp; 可以開啟HTML Source 視窗直接加入標簽，也可以在指定的文本前，按下Ctrl+Shift+Space。

95.如何在DW中設(shè)置Flash 動畫的背景透明？
　在SWF文件的屬性面板中，點parameters，添加參數(shù)wmode，值選擇transparent；
　或者直接修改網(wǎng)頁的代碼，在標志SWF文件屬性的代碼中添加：
   param name="wmode" value="transparent">

96.如何正確使用分隔線?
　這里我再假設(shè)你需要分隔頁面左右兩部分內(nèi)容，先利用表格工具拖出三個橫行表格，把內(nèi)容分別放置到左右兩個單元，然后把中間的單元的寬度設(shè)置為1個pixels(像素)，并填入所需要的顏色。你還需要把所有表格及單元的大小單位都設(shè)置為pixels 即可。

97. 如何讓瀏覽器正確顯示word 文件格式?
　　為了正確處理word 等格式，你需要在HTML文件中設(shè)置好該文件類型，比如：
meta http-equiv="Content-Type" content="application/msword">
　　還有其它經(jīng)常設(shè)置的文件類型：
application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format

98.如何實現(xiàn)一個頁面兩種顏色鏈接變化?
　在CSS中設(shè)置不同的CLASS類，如下例所示：
a.r:link{text-decoration:none;color:#000066}
a.r:visited{text-decoration:none;color:#333333}
a.r:hover{color:#0000ff;text-decoration:underline}
a.r1:link{text-decoration:none;color:#000066; font-weight:bold}
a.r1:visited{text-decoration:none;color:#000066; font-weight:bold}
a.r1:hover{color:#FF0000; font-weight:bold}
a.r2:link{text-decoration:none;color:#ffffff}
a.r2:visited{text-decoration:none;color:#ffffff}
a.r2:hover{color:#000000;}

99.DW中如何準確地定位層？
　就目前來說，還沒有好的方法實現(xiàn)非常精確地定位使得層在編輯中和瀏覽中的位置不變，即便是使用“標尺”和“網(wǎng)格”輔助定位，仍然會有差別，而且在IE和NC中顯示的層的位置會有偏差，大約偏差3個象素。最好的方法是對照瀏覽器的顯示來調(diào)整層的位置。

100.怎樣把別人網(wǎng)頁上的背景音樂保存下來?
    A:瀏覽該網(wǎng)頁后,在你的 Windows\Temporary Internet Files 文件夾下可以找到該背景音樂的緩存文件，拷貝出來即可使用。如果還是找不見該文件，可以打開網(wǎng)頁的源文件，找到音樂文件的 URL 路徑，用“螞蟻”等 FTP 軟件進行下載。

101.避免有人從你分幀的主頁的幀中徑直進入網(wǎng)站,而不是從 index.htm 中進入?
    A:在幀中的網(wǎng)頁的head>/head>之間加入以下腳本代碼:
      Script language="JavaScript">
        if (top==self)
         self.location.href="index.htm";
      /Script>
      這樣,當(dāng)有人從幀中進入網(wǎng)站時,就會自動重定向到主頁文件 index.htm。

102.IE5.0 的部分快捷鍵：
    A:打開查找功能：Ctrl+F
    關(guān)閉瀏覽器窗口：Ctrl+W
    打開地址欄下拉列表框：F4
    刷新：F5
    將當(dāng)前Web頁保存到收藏夾列表：Ctrl+D
    打開當(dāng)前 IE 窗口的一個拷貝：Ctrl+N
    停止下載當(dāng)前網(wǎng)頁：Esc
    光標迅速移動到網(wǎng)頁的開頭：Home
    光標迅速移動到網(wǎng)頁的尾部：End
    打開新的地址鍵入窗口：Ctrl+O
    打開收藏夾：Ctrl+I
    打開歷史記錄文件夾：Ctrl+H
    打開瀏覽器設(shè)定的默認主頁：Alt+HOME

103.如何使網(wǎng)頁在不同分辯率下都全屏鋪開？

    用表格（不要使用層），做好內(nèi)容后，將最外表格設(shè)置寬為100%，再適當(dāng)調(diào)整。

104.如何定時關(guān)閉網(wǎng)頁？

    在head區(qū)加入

    SCRIPT LANGUAGE="javascript">

    setTimeout('window.close();',2000);
    /SCRIPT>

    表示兩秒后自動關(guān)閉窗口。

105.如何實現(xiàn)不提示，直接關(guān)閉窗口？

直接關(guān)閉，無任何提示

a href="javascript:window.opener=null;window.close()">內(nèi)容/a>

有提示框顯示是否確認關(guān)閉

a href="javascript:window.close();">關(guān)閉窗口/a>

標簽：寧夏鹽城云南衢州陽泉來賓北海晉中

巨人網(wǎng)絡(luò)通訊聲明：本文標題《HTML技巧匯編》，本文關(guān)鍵詞 HTML,技巧,匯編,HTML,技巧,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。

濮阳杆衣贸易有限公司

HTML技巧匯編