(網頁)HTML小技巧的一些小技巧

轉自CSDN:
1.怎樣定義網頁語言(字符集)?          
  在製做網頁過程當中,你首先要定義網頁語言,以便訪問者瀏覽器自動設置語言,而咱們用所見即所得的HTML工具時,都沒有注意到這個問題,由於它是默認設置。要設置的語言能夠在HTML代碼狀態下找到:  javascript

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

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

2.怎樣防止別人把你的網頁放到框架裏? 
  由於框架(frame)的緣故,有許多人把別人的網頁放置到本身的框架裏,使之成爲本身的一頁。若是你要防止別人這樣作,能夠加入下列JavaScript代碼便可,它會自動監測,而後跳出別人的框架。  html

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

3.怎樣設置字體? 
  在製做網頁過程當中,你們都喜歡使用漂亮的字體。可是,若是訪客瀏覽器沒有安裝一樣的字體,看到你的網頁會是很普通的字體。如何防止這種狀況出現呢?你們知道字體設置的標籤是Font,而它有個屬性是Face,該屬性是定義字體的,你能夠這樣設置:,訪客的瀏覽器就會按照Face定義的字體順序設置已安裝的字體。目前動態主頁有種技術,能夠把字體信息用向量格式存儲,而後利用訪客自己機器含有的公共信息庫把字體快速的組裝起來,這樣,就不用擔憂訪客是否安裝有某種字體了。  git

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

<!-宇風多媒體論壇-->。  數據庫

5.怎樣測試瀏覽器並自動裝入所須要的網頁? 
  目前微軟和網景的瀏覽器並不能徹底兼容全部網頁,有的在某種瀏覽器裏很是漂亮,而用其它瀏覽器查看時卻一團糟。若是你須要測試瀏覽器,能夠加入如下JavaScript代碼並保存單獨一個網頁:  編程

<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.怎樣在網頁中加入E-mail連接並顯示預約的主題? 
<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.怎樣定義本網頁的關鍵字? 
  在網頁中加入關鍵字,能夠供某些搜索站臺機器人的使用,它們會利用該關鍵字爲你的網站作索引,這樣,當別人用關鍵字搜索網站時,若是你的網頁包含該關鍵字,那麼就能夠被列出了,定義本網頁關鍵字,能夠加入如下代碼: 
<meta name="keywords" content="html,dreamweaver,flash,css"> 
  content 所包含的就是關鍵字,你能夠自行設置。 
  這裏有個技巧,你能夠重複某一個單詞,這樣能夠提升本身網站的排行位置,如: 
<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver"> 

11.怎樣連接本網頁的對象? 
  有時連接發生在一個網頁裏,好比頁面上半部分列出了目錄,下部分就列出了內容,而單擊目錄任何一個項目均可以跳到指定部分,能夠在要被連接的內容部分設置以下方式: 
<a name="#1"> 
  而要連接到以上設置的部分,能夠以下編制: 
<a href="index.htm#t1">t1 

12.怎樣爲不支持框架結構的瀏覽器指定內容? 
  爲了防止不支持框架結構的瀏覽器訪問你的網頁,能夠在你的網頁中加入如下內容: 
<body> 
<noframes> 
本網頁是框架結構,請下載新的瀏覽器瀏覽 
</noframes> 
</body> 

13.怎樣刪除表格邊框? 
   刪除表格的邊框,你能夠在表格的屬性中加一句border="0" 便可。 
   或把border設置爲以下代碼: 
<body><table border="0" width="100%"> 
<tr> 
<td width="100%"></td></tr> 
</table></body> 
注:(其實兩種性質是同樣的) 

14.怎樣隱藏在狀態欄裏出現的LINK信息? 
  你們知道,當你指向一個連接時,該連接的信息會出如今瀏覽器狀態欄裏,若是須要隱藏信息,能夠以下設置: 
<a href="http://www.yufeng21.com" onMouseOver="window.status ... return true">test 
  若是想要指向一個連接時,瀏覽器狀態欄裏出現特定的信息,把none 改爲你須要的文字便可。 

15.怎樣在網頁中加入多媒體文件? 
 有些多媒體文件無需其餘程序就能夠播放,而有許多多媒體文件須要外部程序的幫助,當瀏覽器下載不支持的格式時會調用外部程序。若是瀏覽器沒有安裝這種外部程序,那麼瀏覽器會自動去下載;若是你須要加入多媒體格式,可設置以下代碼: 
<embed src="tt.ram" autostart="true" loop="2" width="80" height="30"> 

  對於不支持embed 標籤的瀏覽器,能夠改用標籤。 

16.怎樣在網頁中加入電子郵件表單提交? 
  表單提交須要CGI程序的支持,但你也能夠利用E-mail 提交,當你設計好表單後,把action 內容加入郵件地址便可,以下: 
<form method="post" action="mailto:cnshell@163.com" enctype="text/plain"> 

17.怎樣隱藏熱訊分析的圖標? 
  熱訊分析是許多網友使用的服務,它能幫助你分析網站的流量,若是你想隱藏該服務圖標,能夠把服務代碼中的width=88 height=31都改成1便可。 

18.怎樣在網頁中加入最後修改日期? 
  在body 中加入如下代碼便可: 
<script Language="JavaScript"> 
document.write 
("最後修改日期" + document.lastModified); 
</Script> 

19.建立一個吸引人站點的步驟是怎樣的? 
   要建立一個吸引人的站點,請考慮如下建議: 

1)誰該是你的訪客,是喜歡音樂的,仍是喜歡玩遊戲的;2)是什麼內容能吸引這些人,更快更新的信息,仍是提供更多的下載;3)如何讓訪客停留呢,固然不要用BUG,好比讓訪客的機器死機;4)是什麼能讓訪客再來呢,好比說明天有好東西,記得來呀,不過別騙人;5)制定本身的目標,實現它;6)徵求你們的意見,而後逐步改進. 

20.如何建立一個調查表? 
   愈來愈多的站點須要交互性來吸引訪客,當論壇失去新意後,創建一個調查表,可讓訪客選擇你設置的問題,並讓訪客立刻看到結果. 

鏈接站點http://www.beseen.com/quiz/qu...,單擊accept按鈕,這樣過一會就能收到站點的回覆了,期中提供了html代碼,接下來設置調查表內容,最後把代碼加入到本身頁面中便可. 

一、如何讓一段文本排版兼容IE4和NN4? 
  有時侯,你設置的一段文本在IE4裏瀏覽良好,但到NN4瀏覽器裏,發現一段文本變成了一行文本,實在使人心煩,這時,你只需對照NN4瀏覽器裏的文本,在須要分行的地方加入
元素便可,這不會影響在IE4裏的瀏覽。 

21.如何打開一個新的瀏覽器窗口並設置窗口的屬性? 
   若是你須要在載入站點的同時,再打開另外一個新窗口,加入如下代碼便可: 

<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能夠設置爲你的htm文件,對於設置新窗口的屬性,對照如下設置: 

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

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

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

22.怎樣判斷服務器使用的操做系統? 
   在瀏覽器地址欄裏,輸入要察看的服務器地址,必定要包含目錄和文檔名字,而後回車,出現請求頁面,試着把文檔名改成大寫格式,若是返回該頁面不存在,那麼可能該服務器使用的操做系統爲unix或macintosh,若是頁面內容返回,那麼可能該服務器爲windwos操做系統,由於windows對大小寫不敏感. 

23.怎樣提升站點在搜索引擎中被搜索到的機會? 
   當你把本身站點登記到搜索引擎中後,並不表示你的站點就會被常常搜索到,如何提升這個概率呢,很簡單,你的主頁通常會有一個標題,通常設置在<title></title>中間,這時,你能夠在設置完標題後,跟着把關鍵字也設置在這裏,好比: 
<title>宇風多媒體-china,love,dhtml,yufeng21,yahoo</title>.由於搜索引擎會首先察看站點的標題,並把標題做爲你站點的關鍵字,當你把關鍵字也設置在了標題中後,搜索引擎也會加入這些關鍵字,這比其它全部的方法都好,惟一缺點,你站點標題變長了. 

24.如何測試網站的下載速度? 
   準備一個能讀秒的表,好比跑步表,這樣精度高些,固然也可使用普通的表. 

首先咱們測試純文本的下載時間,打開瀏覽器,關閉下載圖片功能,而後鏈接上網,在地址欄輸入站點地址,回車後,計時開始,當所有文本內容下載完後,中止計時. 

若是你要測試整個站點下載速度,打開圖片下載功能,若是你站點含有JavaScript,也要在瀏覽器選擇爲支持,同上,打入地址,回車,計時開始,當全部內容下載完後,中止計時. 

通過以上兩種測試,你就會對本身站點的鏈接下載速度,做到心中有數了. 

25.如何讓站點自動跳轉到另外一頁? 
   加入如下代碼到HTML文件中便可: 
<meta http-equiv="refresh" content="5;url=http://www.yufeng21.com/index.htm"> 
   
content中的"5"爲停留的秒數,http://www.yufeng21.com/index... 是將要跳轉的頁面。 

26.怎樣讓廣告隨機出現? 
   當你想展現許多廣告,但頁面空間不夠時,你可讓廣告隨機出現,你只須要加入一段代碼.網上有這樣的代碼,搜索…… 

27.如何知道個人站點鏈接出現的地方? 
  可能你的站點被其它站點鏈接,如何知道呢,訪問搜索引擎站點: 
  http://www.altavista.digital.... 
  在搜索窗口中,輸入:+link:yoursite.com-host:yoursite.com 
  這樣,包含你站點鏈接的頁面被列出,固然,你也可能什麼都沒有找到。 

28.如何避免本身的圖片被其它站點利用? 
   爲圖片起一個很怪的名字,這樣能夠避免被搜索到,還能夠利用photoshop的水印功能加密.固然,你也能夠在本身的圖片上加上一段版權文字,好比標明本身的名字-cnshell.由於文字體來就在圖片上,除非使用人截取圖片.否則就是侵權了. 

29.如何不利用表格而準確的分隔圖片和文字? 
   在頁面中想要分隔圖片和文字,利用表格是很是好的方法,你還能夠製作一個透明的gif圖形,由於圖形是透明的,你就能夠拿來分隔圖片和文字了,固然要注意透明圖的大小. 

30.如何跳到頁面的頂部? 
   當瀏覽者瀏覽到頁面底部後,你須要提供一個單擊,讓瀏覽者方便的跳到頁面頂部,加入如下代碼: 
<a href="#top">返回頂部 

31.有什麼簡單的方法編寫Cookie? 
   cookie 是信息小甜餅,記錄着瀏覽者的信息,你能夠利用meta 標籤編寫最簡單的cookie 並加入到頁面中:
<meta http-equiv="Set-Cookie" content="MyVar=你的頁面過時了;expires=Thursday,15-4-99 00:00 GMT+8:00; PATH=/"> 

32.如何在一個站點不一樣頁面間播放同一種聲文件? 
   你們有這樣的經驗,當你訪問一個站點首頁時,會聽到該頁設置的背景聲音文件,好比一段音樂。當你連接到該站點另外一頁時,音樂就中止了。如何讓聲音不斷呢。其實,你只須要創建一個上下框架結構的網頁,把聲音文件創建在下框架裏,並把下框架的寬度設置爲一個像素,而上框架裏是頁面內容,當訪問者離開站點首頁時,因下框架內容未變,因此,聲音不會間斷。你們還要注意兩點,第一,把框架的邊框設置爲0;第二,隱藏聲音文件的播放界面,而後把上下兩個框架的背景設置爲相同。 

33.如何讓訪問者能更多的單擊付費旗幟廣告? 
   擁有我的站點的網友都會去申請一些付費的廣告,以獲得一些網費補助。但很惋惜,即便你常常請求訪問者爲了支持本站建設,請單擊旗幟廣告。遺憾的結果是,仍是不多有人單擊。要想讓訪問者能更多單擊你的旗幟廣告,有兩種方法: 

第一種:強化印象 

讓那個旗幟廣告一直出如今訪問者面前,讓他不得很差奇的單擊一下。你能夠創建一個上下框架的頁面,把旗幟廣告放置在任意一個框架裏。這樣,只要訪問者不離開你的站點,旗幟廣告會一直出如今他們的面前。還要提醒你,不要在廣告下面寫上「爲了本站發展,請單擊廣告」,你要讓訪問者知道這個廣告會帶給他們某種信息,而不是爲了你才單擊。 

第二種:有代價的單擊 

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

34.如何在NN4和IE4瀏覽器中瀏覽相同效果的字體? 
   咱們製做頁面時,利用IE4瀏覽器瀏覽時,一切很正常。但用NN4瀏覽時,發行細體字變成了粗體字了。這是由於,當你頁面包含一段粗體字時,此時你複製了一段文本到該粗體字的周圍,你會發現複製的文本也變成了粗體字,固然此時也能夠再把它設置爲你想要的字體大小,若是這樣作了,我上面說的狀況就會出現。你須要複製文本到頁面空白處,這樣文本不具備任何屬性,而後拖動文本到合適的地方進行你須要的文本字體設置。這種狀況多出如今利用FrontPage98編寫網頁。 

35.如何讓提交表單後打開一個新窗口顯示提交結果? 
   若是你的站點上有郵件列表服務,每當訪問者訂閱並按下訂閱按鈕後。由於郵件列表須要訂閱肯定,而這種服務多爲第三方提供的,因此訂閱肯定頁會鏈接到服務商的頁面。這樣有時會照成訪問者離開了站點。你能夠按下面的代碼設置,讓訪問者單擊了訂閱按鈕後,會打開一個新的窗口顯示訂閱肯定。 

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

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

36.如何防止頁面源代碼被複制? 
   若是你的頁面包含一個自行設計的JavaScript小程序,如何防止它被別人複製使用呢。其實你不可能徹底阻止他人引用,但你能夠採用適當的方法儘可能維護本身的權益: 

第一.版權聲明 
在源代碼中加入一段版權解釋-<!----本源代碼版權全部,請勿複製。---->,並把源代碼利用E-Mail寄一份給本身,以肯定時間,爲之後與別人交涉作好證據準備。 

第二.工具加密 
你也能夠利用工具軟件加密源代碼。我之前用過 Web Protector 2.0,以爲還不錯。 

37.如何清除頁面中的框架結構? 
   在連接屬性中加入target="_top" 以下設置: 
<a href="http://www.yufeng21.com" target="_top">宇風多媒體 
   當你單擊了這個連接,頁面全部框架被清除並以該連接內容替代。 

38.如何防止站點頁面被任意連接? 
   有許多好站點的頁面被其它站點任意連接,若是你不但願別人直接連接到站點內部去,你能夠常常更換頁面文件名。好比每十天改一次,這樣能夠有效防止別人的任意連接。缺點是讓直接訪問着無所適從。 

39.如何建立一個下拉菜單? 
   咱們在主頁中常會用到下拉菜單,通常來講,它須要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/">分欄內容</option><option value="http://www.yufeng21.com/">分欄內容</option><option value="http://www.yufeng21.com/">分欄內容</option><option value="mailtocnshell@163.net">給我寫信</option></select></form> 
</body> 

40.如何避免頁面電子函件地址被搜索到? 
  常常會收到不請自來的垃圾信,若是你擁有一個站點併發布了你的E-Mail 連接,那麼其餘人會利用特殊工具搜索到這個地址並加入到他們的數據庫中。要想避免E-Mail 地址被搜索到,能夠在頁面上不按標準格式書寫E-Mail 連接,好比:cnshell at 163.com,它等同與cnshell@163.com。 

41.如何給站點加入計數器並進行設置? 
   要給站點加入計數器須要第三方提供服務,目前這種服務很是多,而通常申請免費主頁空間時會提供計數器服務。計數器格式以下: 

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

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

42.建立一個好站點應具有什麼知識? 
   ⑴HTML的使用技能;⑵WEB圖形的使用;⑶JavaScript編程;⑷站點的佈局計設計;⑸管理站點的能力;⑹寫做能力,爲站點內容服務;⑺對WEB服務器的瞭解。 

43.如何使圖片與瀏覽器窗口無縫接合? 
   你們有時候發現想把一幅圖片與瀏覽器窗口邊框無縫接合很難,總會有點距離。這是由於你沒有設置頁面邊距,在你的頁面<BODY>中加入如下代碼: 

topmargin="0" leftmargin="0" 

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

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

44.如何創建一個站點的搜索引擎系統? 
   若是你的站點有許多內容,你但願訪問者能很快找到他想要的信息。那麼你須要創建一個搜索引擎。鏈接到網站網絡特區http://netzone.swatou.com/per...擊"申請站點引擎"並填寫申請表,再按照要求創建站點頁面數據庫便可。 

45.如何讓文本與圖像和平相處? 
   若是你有一段長的文本,並把文本縮排在頁面中間部分,你但願在文本週圍放置幾幅圖片,這該如何進行呢。假設你在使用FrontPage98編輯頁面,首先設置好文本,而後在須要放置圖片的地方,創建一個單行表格,並利用鼠標把它拖到最小,選擇表格屬性,把Float設置爲right(表示放置在文本右邊),單擊OK。這時,表格處於文本右邊,最後把圖片放置在表格中便可,記得把表格邊框取消。 

46.如何改變連接顏色? 
   要改變連接顏色,請在<body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" background="bj4.gif">中設置.link爲未連接顏色,vlink爲已連接顏色,alink爲連接過分顏色. 

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

48.如何爲頁面製做幻燈片效果? 
若是想爲訪問者展現一系列的圖片,而且頁面自動每間隔一段時間刷新圖片。假設要展現三副圖片,爲這三幅圖片製做三個頁面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.如何正確上傳頁面? 
   服務器默認首頁名字是什麼,目前多爲index.htm或default.htm。 
   是否須要創建目錄public_html,有的服務器須要創建該目錄並把全部頁面都上傳到該目錄下,有的只須要直接上傳到根目錄下(/)。 
   服務器是否支持中文文件名(喜歡用中文文件名的網友要注意)。 
   服務器對文件英文大小寫是否敏感,筆者提議最好都用小寫英文。 
   檢查用戶名和密碼是否正確。 

50.如何爲文字連接加上文字提示? 
咱們通常能夠爲圖片加上文字提示,即alt=宇風 如何爲文字連接加上文字提示呢,只需在中加入title標籤。<a href="http://www.yufeng21.com/" title="宇風多媒體互動">宇風多媒體互動 

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> 

調節top,left的值來精肯定位圖片。 

53.如何加快頁面圖片下載速度? 
   有種狀況,首頁圖片過少,而其它頁面圖片過多,爲了提升效率,當訪問者瀏覽首頁時,後臺進行其它頁面的圖片下載。方法是在首頁加入:<img src="cnshell.jpg" width=0 height=0>,其中width,height要設置爲0,cnshell.jpg爲提早下載的圖片名。 

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

<script LANGUAGE="JavaScript">alert("彈出內容")</script> 

55.什麼是目標窗口,它該如何設置? 
   目標窗口是頁面連接所指內容顯示的窗口,也就是當你單擊了頁面某一個連接後,該連接所指的內容在那個窗口顯示。大多數狀況下,咱們無需關心它,由於通常都是在同一窗口顯示。 

target是連接標籤的屬性,它的做用就是指定目標窗口,target有如下幾個值: 

_self-將連接指向的內容裝載到當前頁的窗口或框架中 

_top-徹底取代當前頁面的全部框架 

_blank-爲連接指向的內容打開一個新的窗口 

_parent-把連接指向的內容裝入當前頁<FRAMESET>父窗口中 

以上設置多用在框架結構的頁面中。 

56.如何爲全部連接指定同一目標窗口? 
   在框架網頁結構中,咱們須要指定連接所指向的內容顯示在那個窗口中。若是你的連接大部分都指定到同一個窗口中,就能夠在<HEAD></HEAD>部分中加入:<base target="窗口名">,你無需爲每一個連接再指定窗口了。 

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

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

其中cnshell.css爲共享的層疊樣式表文件,該文件能夠利用文本編輯工具編寫,它應包含以下的類似代碼: 

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

58.如何爲連接定製新窗口? 
   咱們能夠打開一個新的窗口來顯示連接的內容,但如何定製這個新窗口呢。 

  只須要在標籤中加入onClick事件: 

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

"#"表示單擊連接"問答"後,當前窗口保持不變,cnshell.htm爲單擊連接"問答"後所打開新窗口裝載的內容,而scrollbars=yes,resizable=yes,width=500,height=40爲設置新窗口的大小等屬性。 

59.如何在沒有安裝更多瀏覽器的狀況下測試頁面? 
   目前存在的不兼容性,使得一樣一個頁面在不一樣瀏覽器中的顯示是不同的,如何儘量使你們都滿意呢,在沒有安裝更多種類的瀏覽器狀況下,你須要關閉圖片,JavaScript支持,CSS支持等等功能,由於大多數低版本瀏覽器都不支持它們,這樣查看能讓你知道頁面在那裏有多「難看」。 

60.製做動態頁面的步驟是怎樣的? 
   第一步:設計頁面及尋找頁面須要的材料;第二步:完成普通頁面的製做,此時無須涉及動態主頁內容;第三步:爲頁面文字增長層疊樣式表,以改變文字顏色,連接等;第四步:爲頁面增長交互性內容,如cgi,javascirpt,activeX控件等,這是把頁面動態的關鍵;第五步:測試動態頁面以適應更多瀏覽器;第六步:發佈動態頁面並在上面標明該頁是動態頁面(dhtml)。 

61.如何讓訪問者單擊加入站點書籤? 
總但願訪問者能能把你的站點,加入到他們的書籤裏,這裏有個好辦法: 

在<HEAD></HEAD>部分加入: 

<script language="JavaScript"><!-- 

function addbookmark() 

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

//--> 
</script> 

而後在<BODY></BODY>部分加入: 

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

62.是否能夠利用大寫體來書寫HTML標籤元素?            
   對於大多數HTML標籤元素,你能夠利用大寫體或小寫體及二者的混合體來書寫標籤元素。好比: 

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

但若是是特殊字符的標籤元素,你只能使用小寫體。好比版權的字符的標籤元素是:?,若是寫成?;,那麼頁面將徹底顯示?;。 

63.如何在頁面利用單擊來關閉瀏覽窗口? 
   在<BODY></BODY>部分加入如下代碼: 

<a href="javascript:window.close()">關閉窗口 

64.如何爲頁面設置訪問口令? 
有時候你須要爲某一頁設置密碼,以讓合適的人進來。在<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"是當輸入正確密碼後連接的頁面。這種設置口令的方法並不安全,由於只要訪問者查看頁面源代碼就能知道設置的密碼了。 

65.如何爲訪問者設置正確的軟件下載連接? 
   與其它連接同樣,都使用標籤。但對於軟件下載連接,你須要這樣設置: 

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

66.如何刪除圖片連接的藍色邊框? 
若是咱們設置了圖片爲一個連接,會發現圖片四周出現了藍色邊框。要刪除邊框,須要在圖片標籤里加上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.如何爲頁面增長一個計數器? 
   這個問題對於初上網的人實在是個頭痛的事情,由於他們發如今利用FrontPage98增長計數器後,發現根本都不起做用。計數器須要服務器CGI的支持,不能由本地的電腦自行設置。因此,若是你的站點須要計數器,請到如下這個最有名的計數器提供商申請吧:http://www.linkexchange.com/ 

69.如何知道站點的流量來至那裏? 
   若是你擁有站點服務器的管理權,那麼這是個很簡單的問題,查查服務器日誌就能夠了。但目前你沒有那權力,不過能夠由第三方提供流量數據。易數是個不錯的選擇,連接到站點http://best.netease.com/申請,而後把代碼加入到頁面便可。當你想知道流量時,單擊易數圖標,在統計頁面中,單擊分析便可。 

70.如何讓瀏覽器正確顯示word文件格式? 
   爲了正確處理word等格式,你須要在HTML文件中設置好該文件類型,好比: 

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

還有其它常常設置的文件類型: 

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.如何知道本身的圖片被其它網站使用? 
   若是你爲本身站點的圖片起了一個獨特的名字,也就是不容易重名,好比tt124.jpg.那麼連接到站點:http://www.altavista.com/,在搜索欄裏輸入tt124.jpg.而後開始查找,若是有站點採用了tt124.jpg圖片,該站點就會被列出。AltaVista搜索引擎是一個以機器人搜尋爲主的站點,它的機器人會不停地把整個網絡的頁面做上索引,因此,你能夠在那裏找到和你相關的任何東西,把你的名字的拼音輸輸入看看,找到什麼啦。 

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

P { text-indent: 1% } 

P標籤爲HTML文本段落的標籤,1%爲縮進的範圍。 

73.如何正確使用分隔線? 
   若是你使用FrongPage98,這裏我再假設你須要分隔頁面左右兩部份內容,先利用表格工具拖出三個橫行表格,把內容分別放置到左右兩個單元,而後把中間的單元的寬度設置爲1個Pixels,並填入所須要的顏色。你還須要把全部表格及單元的大小單位都設置爲Pixels便可。 

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

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

而後在連接標籤中加入以下代碼便可: 

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

75.爲何有的站點下載很慢? 
   由於網頁用了過多的圖片,爲了追求COOL的效果用了大量的Java Applet,過多使用<TABLE>,這些都是不可取的。對於圖片必需要用的壓縮再用,對於Java Applet絕對不用,它會讓機器配置低的訪問者的硬盤狂讀不止。對於須要的動態頁面,可利用CSS和JavaScript實現。 

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">計算機世界報
網頁製做常見問題解答</p> 
</body> 

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

77.如何讓網頁兼容IE和NN兩種瀏覽器? 
   徹底的兼容是不可能的。目前IE瀏覽器佔有量大大超過NN瀏覽器,因此你只須要兼容IE瀏覽器便可。固然你也能夠製做兩套網頁,利用JavaScript來檢測不一樣瀏覽器以裝入相應網頁。 

78.如何正確使用字體? 
   設置文本字體是網頁製做中很重要的的環節,但由於並非每一位訪問者都有你設置的字體,因此儘可能使用操做系統默認的字體宋體,黑體,楷體。對於其它類型字體能夠用圖形方式實現。 

79.如何製做繁體版本網頁? 
   若是你使用E-Port的網頁做坊工具製做頁面,那就能夠利用工具菜單下的GB轉BIG5來把簡體網頁變成繁體網頁。若是你用其它工具也能夠利用網頁做坊的GB轉BIG5來製做繁體網頁,利用網頁做坊打開頁面,點選工具菜單下的GB轉BIG5轉換網頁並保存。要注意的是,你須要把原<meta http-equiv="Content-Type" content="text/html; charset=gb2312">中的charset=gb2312改成charset=big5,這樣,訪問者的瀏覽器就會自動識別了。(E-Port的網頁做坊下載地址:http://e-port.soim.net/) 

80.利用水平線(HR)製做垂直線? 
插入HR很簡單:<hr size="1">。如何讓它垂直呢,更簡單:<hr size="100" width="1"> 

81.與其它站點交換鏈接須要什麼? 
   固然,你首先要有一個我的站點,而後準備好兩個站點LOGO。通常來講,400x40和88x31兩種LOGO是必需的,其它也能夠準備一個100x31的LOGO。400x40的LOGO用於象網盟這樣的廣告交換站點,88x31和100x31用於我的站點之間的交換。 

82.如何讓下拉式菜單中的連接來打開一個新的窗口? 
   先把下拉式菜單設置好,如: 

<form method="POST"><select name="D1" size="1"><option value="http://www.yufeng21.com/cnshell/">宇風多媒體</option><option value="http://www.yufeng21.com/">宇風多媒體互動</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標籤中應有。而在{ }中的屬性及指分別爲邊距左,右,上,下的距離。當它們的邊距都相等時好比都是60px,能夠簡寫爲:.tt { margin: 60px }. 

當在文本中引用了該CSS,你會發現文本對的很是整齊。 

84.如何正確使用圖片格式? 
   目前在網絡上的圖片準標準格式爲JPG和GIF。當圖片顏色數不少時,就選擇JPG,它的壓縮比高,而GIF適合顏色數少的圖片。 

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

86.如何正確放置JavaScript?   
JavaScript爲動態主頁的實現工具,通常來講JavaScript放置於<head></head>或者<body></body>之間。對於放置在<body></body>之間的JavaScript,你須要把它放置在適當位置。若是你用FrontPage98工具,先把光標移到想放置JavaScript的地方,而後選擇Insert/Advanced/script,在打開的文本框中輸入JavaScript,這樣就放置好了。預覽頁面,JavaScript出如今你放置的地方。你也能夠把JavaScript放置到表格中,這樣能夠精肯定位。 

87.我的站點須要那些交互功能? 
交互是網絡的魅力所在,做爲我的站點也須要這些交互性的工具,以便和訪問者隨時進行溝通。如下是目前我的站點必備的交互工具: 

留言板-讓訪問者給你的站點提提意見; 
論壇-討論某一個特定主題的地方,它和留言板的區別是留言板能夠包含任何內容; 
調查表單-利用我的站點,你能夠對某一問題進行調查,而後看看各意見的支持率; 
訂閱表單-經過郵件給訂閱者提供站點的更新信息; 
聊天室-一個即時的對話場所,特別能夠對一個特定主題組辦一個網絡討論; 
搜索引擎-當站點內容過多時,搜索引擎可讓訪問者快速找到想看的內容; 
88.如何縮進文本段落? 
  在<head></head>部分加入: 
p { text-indent: 1% } 
 p 標籤爲HTML文本段落的標籤,1%爲縮進的範圍 

89.如何點擊一個連接同時在兩個frame 內變化? 
  對於一個由topFrame、leftFrame、mainFrame 構成的頁面,若是想在leftFrame 中點擊連接,同時在其餘兩個frame 內變化,代碼以下: 
<a href="x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe"> 
90.前進、後退和刷新 
  <a href="javascript:history.back()">後退 
  <a href="javascript:history.go()">前進 
  <a href="javascript:location.reload()">刷新 

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 中不行。空格的標籤是  能夠開啓HTML Source 視窗直接加入標籤,也能夠在指定的文本前,按下Ctrl+Shift+Space。 

95.如何在DW中設置Flash 動畫的背景透明? 
  在SWF文件的屬性面板中,點parameters,添加參數wmode,值選擇transparent; 
  或者直接修改網頁的代碼,在標誌SWF文件屬性的代碼中添加: 
   <param name="wmode" value="transparent"> 

96.如何正確使用分隔線? 
  這裏我再假設你須要分隔頁面左右兩部份內容,先利用表格工具拖出三個橫行表格,把內容分別放置到左右兩個單元,而後把中間的單元的寬度設置爲1個pixels(像素),並填入所須要的顏色。你還須要把全部表格及單元的大小單位都設置爲pixels 便可。 

97. 如何讓瀏覽器正確顯示word 文件格式? 
  爲了正確處理word 等格式,你須要在HTML文件中設置好該文件類型,好比: 
<meta http-equiv="Content-Type" content="application/msword"> 
  還有其它常常設置的文件類型: 
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.如何實現一個頁面兩種顏色連接變化? 
  在CSS中設置不一樣的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中如何準確地定位層? 
  就目前來講,尚未好的方法實現很是精確地定位使得層在編輯中和瀏覽中的位置不變,即使是使用「標尺」和「網格」輔助定位,仍然會有差異,並且在IE和NC中顯示的層的位置會有誤差,大約誤差3個象素。最好的方法是對照瀏覽器的顯示來調整層的位置。 

100.怎樣把別人網頁上的背景音樂保存下來? 
    A:瀏覽該網頁後,在你的 WindowsTemporary Internet Files 文件夾下能夠找到該背景音樂的緩存文件,拷貝出來便可使用。若是仍是找不見該文件,能夠打開網頁的源文件,找到音樂文件的 URL 路徑,用「螞蟻」等 FTP 軟件進行下載。 

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

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

103.如何使網頁在不一樣分辯率下都全屏鋪開? 

    用表格(不要使用層),作好內容後,將最外表格設置寬爲100%,再適當調整。 

104.如何定時關閉網頁? 

    在head區加入 

    <SCRIPT LANGUAGE="javascript"> 

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

    表示兩秒後自動關閉窗口。  

105.如何實現不提示,直接關閉窗口? 

直接關閉,無任何提示 

<a href="javascript:window.opener=null;window.close()">內容  

有提示框顯示是否確認關閉 

<a href="javascript:window.close();">關閉窗口
 
轉載於猿2048:➺《(網頁)HTML小技巧的一些小技巧》

相關文章
相關標籤/搜索