整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          HTML 鏈接

          HTML 使用超級鏈接與網(wǎng)絡(luò)上的另一個(gè)文檔相連。幾乎可以在所有的網(wǎng)頁中找到鏈接。點(diǎn)擊鏈接可以從一張頁面跳轉(zhuǎn)到另一張頁面。

          HTML 鏈接

          如何在HTML文檔中創(chuàng)建鏈接。

          (可以在本頁底端找到更多實(shí)例)

          HTML 超鏈接(鏈接)

          HTML使用標(biāo)簽 <a>來設(shè)置超文本鏈接。

          超鏈接可以是一個(gè)字,一個(gè)詞,或者一組詞,也可以是一幅圖像,您可以點(diǎn)擊這些內(nèi)容來跳轉(zhuǎn)到新的文檔或者當(dāng)前文檔中的某個(gè)部分。

          當(dāng)您把鼠標(biāo)指針移動(dòng)到網(wǎng)頁中的某個(gè)鏈接上時(shí),箭頭會(huì)變?yōu)橐恢恍∈帧?/p>

          在標(biāo)簽<a> 中使用了href屬性來描述鏈接的地址。

          默認(rèn)情況下,鏈接將以以下形式出現(xiàn)在瀏覽器中:

          • 一個(gè)未訪問過的鏈接顯示為藍(lán)色字體并帶有下劃線。

          • 訪問過的鏈接顯示為紫色并帶有下劃線。

          • 點(diǎn)擊鏈接時(shí),鏈接顯示為紅色并帶有下劃線。

          注意:如果為這些超鏈接設(shè)置了 CSS 樣式,展示樣式會(huì)根據(jù) CSS 的設(shè)定而顯示。

          HTML 鏈接語法

          鏈接的 HTML 代碼很簡單。它類似這樣::

          <a href="url">鏈接文本</a>

          href 屬性描述了鏈接的目標(biāo)。.

          實(shí)例

          <a >訪問菜鳥教程</a>

          上面這行代碼顯示為:: 訪問菜鳥教程

          點(diǎn)擊這個(gè)超鏈接會(huì)把用戶帶到菜鳥教程的首頁。

          提示: "鏈接文本" 不必一定是文本。圖片或其他 HTML 元素都可以成為鏈接。

          HTML 鏈接 - target 屬性

          使用 target 屬性,你可以定義被鏈接的文檔在何處顯示。

          下面的這行會(huì)在新窗口打開文檔:

          實(shí)例

          <a>訪問菜鳥教程!</a>

          HTML 鏈接- id 屬性

          id屬性可用于創(chuàng)建在一個(gè)HTML文檔書簽標(biāo)記。

          提示: 書簽是不以任何特殊的方式顯示,在HTML文檔中是不顯示的,所以對于讀者來說是隱藏的。

          實(shí)例

          在HTML文檔中插入ID:

          <a id="tips">有用的提示部分</a>

          在HTML文檔中創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips")":

          <a href="#tips">訪問有用的提示部分</a>

          或者,從另一個(gè)頁面創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips")":

          <a >

          訪問有用的提示部分</a>

          基本的注意事項(xiàng) - 有用的提示

          注釋: 請始終將正斜杠添加到子文件夾。假如這樣書寫鏈接:,就會(huì)向服務(wù)器產(chǎn)生兩次 HTTP 請求。這是因?yàn)榉?wù)器會(huì)添加正斜杠到這個(gè)地址,然后創(chuàng)建一個(gè)新的請求,就像這樣:。

          圖片鏈接

          如何使用圖片鏈接。

          在當(dāng)前頁面鏈接到指定位置

          如何使用書簽

          跳出框架

          本例演示如何跳出框架,假如你的頁面被固定在框架之內(nèi)。

          創(chuàng)建電子郵件鏈接

          本例演示如何如何鏈接到一個(gè)郵件。(本例在安裝郵件客戶端程序后才能工作。)

          建電子郵件鏈接 2

          本例演示更加復(fù)雜的郵件鏈接。

          HTML 鏈接標(biāo)簽

          標(biāo)簽描述
          <a>定義一個(gè)超級鏈接

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

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

          文件類型 <HTML></HTML> (放在檔案的開頭與結(jié)尾)

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

          文頭 <HEAD></HEAD> (描述性資料,像是「主題」)

          文體 <BODY></BODY> (文件本體)

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

          標(biāo)題 <H?></H?> (從1到6,有六層選擇)

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

          區(qū)分 <DIV></DIV>

          區(qū)分的對齊 <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>

          鍵盤輸入 <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> (有史以來最被嘲弄的標(biāo)簽)

          字體大小 <FONT SIZE=?></FONT>(從1到7)

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

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

          字體顏色 <FONT COLOR="#$$$$$$"></FONT>

          說明 <!-- *** --> (瀏覽器不會(huì)顯示)

          <!--修改滾動(dòng)條-->

          <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>

          <!--修改滾動(dòng)條結(jié)束-->

          將上面的代碼放在葉子代碼的<head></head>之間,顏色可根據(jù)自己的需要修改。

          滾動(dòng)條的代碼意思如下:

          Scrollbar-Face-Color為滾動(dòng)條表面顏色設(shè)定;

          Scrollbar-Track-Color為滾動(dòng)條底板顏色設(shè)定;

          Scrollbar-Darkshadow為滾動(dòng)條下邊和右邊邊沿顏色設(shè)定;

          Scrollbar-Highlight-Color為滾動(dòng)條上斜面和左斜面顏色設(shè)定;

          Scrollbar-Shadow-Color為滾動(dòng)條下斜面和右斜面顏色設(shè)定;

          Scrollbar-3Dlight-Color為滾動(dòng)條上邊和左邊的邊沿顏色設(shè)定;

          Scrollbar-Arrow-Color為滾動(dòng)條兩端箭頭顏色設(shè)定。

          <!> 跑馬燈

          <marquee>...</marquee>普通捲動(dòng)

          <marquee behavior=slide>...</marquee>滑動(dòng)

          <marquee behavior=scroll>...</marquee>預(yù)設(shè)捲動(dòng)

          <marquee behavior=alternate>...</marquee>來回捲動(dòng)

          <marquee direction=down>...</marquee>向下捲動(dòng)

          <marquee direction=up>...</marquee>向上捲動(dòng)

          <marquee direction=right></marquee>向右捲動(dòng)

          <marquee direction=’left’></marquee>向左捲動(dòng)

          <marquee loop=2>...</marquee>捲動(dòng)次數(shù)

          <marquee width=180>...</marquee>設(shè)定寬度

          <marquee height=30>...</marquee>設(shè)定高度

          <marquee bgcolor=FF0000>...</marquee>設(shè)定背景顏色

          <marquee scrollamount=30>...</marquee>設(shè)定捲動(dòng)距離

          <marquee scrolldelay=300>...</marquee>設(shè)定捲動(dòng)時(shí)間

          1)貼圖:<img src="圖片地址">

          2)加入連接:<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

          3)在新窗口打開連接:<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>

          4)移動(dòng)字體(走馬燈):<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位進(jìn)制)之間

          12)消除連接的下劃線:<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</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)固定帖子背景不隨滾動(dòng)條滾動(dòng):<body background="背景圖片地址" body

          bgproperties=fixed>

          21)定制帖子背景顏色:<body bgcolor="#value">(value值見10)

          22)帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>

          23)貼網(wǎng)頁:<iframe. src="相關(guān)地址" width="寬度" height="高度"></iframe>

          1、店鋪音樂代碼:音樂網(wǎng)址" loop="-1">

          2、圖片制作代碼:<img src="這里放圖片地址">

          3、公告圖片代碼:<img border="0" src="這里放圖片地址" />或<img src="這里放圖片地址"/>

          4、懸浮掛飾代碼:<img src="這里放圖片地址" style="left:20px; position: relative; top:0px" />

          5、商品分類代碼:<img src="這里放圖片地址"/>

          6、字體大小代碼:<font size="2">這里放要處理的文字,可用3、4、5等設(shè)置大小</font>

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

          8、文字鏈接代碼:<a href="網(wǎng)頁地址">鏈接的文字,在分類欄里用時(shí)鏈接的網(wǎng)頁地址必須縮短</a>

          9、移動(dòng)文字代碼:<marquee>從右到左移動(dòng)的文字</marquee>

          10、背景音樂代碼:<bgsound loop="-1" src="這里放音樂地址"></bgsound>

          11、圖片附加音樂代碼:<img border=0 src="這里放圖片地址" dynsrc="這里放音樂地址">

          12、浮動(dòng)圖片代碼:<img alt="1" height="150" src="這里放圖片地址"/>

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

          計(jì)數(shù)器代碼顏色代碼:

          1白色 #FFFFFF

          2紅色#FF0000

          3綠色#00FF00

          4藍(lán)色#0000FF

          5牡丹紅#FF00FF

          6青色 #00FFFF

          7黃色#FFFF00

          8黑色#000000

          9海藍(lán)#70DB93

          10巧克力色#5C3317

          11藍(lán)紫色 #9F5F9F

          12黃銅色#B5A642

          13亮金色#D9D919

          14棕色#A67D3D

          15青銅色 #8C7853

          162號青銅色 #A67D3D

          17士官服藍(lán)色 #5F9F9F

          18冷銅色 #D98719

          19銅色 #B87333

          20珊瑚紅 #FF7F00

          21紫藍(lán)色 #42426F

          22深棕 #5C4033

          23深綠 #2F4F2F

          24深銅綠色 #4A766E

          25深橄欖綠 #4F4F2F

          26深蘭花色 #9932CD

          27深紫色 #871F78

          28深石板藍(lán) #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淺藍(lán)色 #C0D9D9

          48淺灰色 #A8A8A8

          49淺鋼藍(lán)色 #8F8FBD

          59淺木色 #E9C2A6

          60石灰綠色 #32CD32

          61桔黃色 #E47833

          62褐紅色 #8E236B

          63中海藍(lán)色 #32CD99

          64中藍(lán)色 #3232CD

          65中森林綠 #6B8E23

          66中鮮黃色 #EAEAAE

          67中蘭花色 #9370DB

          68中海綠色 #426F42

          69中石板藍(lán)色 #7F00FF

          70中春綠色 #7FFF00

          71中綠松石色 #70DBDB

          72中紫紅色 #DB7093

          73中木色 #A68064

          74深藏青色 #2F2F4F

          75海軍藍(lán) #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艷藍(lán)色 #5959AB

          89鮭魚色 #6F4242

          90猩紅色 #BC1717

          91海綠色 #238E68

          92半甜巧克力色 #6B4226

          93赭色 #8E6B23

          94銀色 #E6E8FA

          95天藍(lán) #3299CC

          96石板藍(lán) #007FFF

          97艷粉紅色 #FF1CAE

          98春綠色 #00FF7F

          99鋼藍(lán)色 #236B8E

          100亮天藍(lán)色 #38B0DE

          101棕褐色 #DB9370

          102紫紅色 #D8BFD8

          103石板藍(lán)色 #ADEAEA

          104濃深棕色 #5C4033

          105淡淺灰色 #CDCDCD

          106紫羅蘭色 #4F2F4F

          107紫羅蘭紅色 #CC3299

          108麥黃色#D8D8BF

          109黃綠色 #99CC32

          簡單常用HTML代碼大全(修改網(wǎng)頁必備)

          網(wǎng)頁常用HTML代碼大全

          超鏈接,用的最多:

          點(diǎn)擊在當(dāng)前頁打開網(wǎng)站

          <a >這是我的網(wǎng)站</a>

          效果:這是我的網(wǎng)站

          點(diǎn)擊彈出網(wǎng)站

          <a target="_blank">這是我的網(wǎng)站</a>

          <br>這個(gè)是向下一行,比如

          歡迎光臨我的網(wǎng)站<br>希望開心

          演示效果就是:

          歡迎光臨我的網(wǎng)站

          希望開心

          <p>向下一大行,比如

          歡迎光臨我的網(wǎng)站<p>希望開心

          演示效果就是:

          歡迎光臨我的網(wǎng)站

          希望開心

          <b>這是粗體字

          比如 <b >我的網(wǎng)站</ b>

          演示效果:我的網(wǎng)站

          我的網(wǎng)站這是字體的顏色BLUE是藍(lán),RED是紅

          演示

          忽視右鍵

          <body >

          <body style="overflow-y:hidden">

          如何幾秒后轉(zhuǎn)到別的頁面?

          <META. HTTP-EQUIV="Refresh" C>

          點(diǎn)擊關(guān)閉窗口

          <a href="javascript.:top.window.close();">點(diǎn)擊關(guān)閉窗口</a>!

          請問如何去掉主頁右面的滾動(dòng)條?

          <body scroll="no">

          <body style="overflow-y:hidden">

          如何做到讓一個(gè)網(wǎng)頁自動(dòng)關(guān)閉.

          <html>

          <head>

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

          <param name="Command" value="Close">

          </object>

          </head>

          <body >

          這個(gè)窗口會(huì)在10秒過后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示. </body>

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

          <style>

          button{ color:#000000;}

          </style>

          <button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點(diǎn)擊按鈕直接修改style標(biāo)簽里button選擇符使按鈕改為紅色</button>

          請問如何讓網(wǎng)頁自動(dòng)刷新?

          在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒后自動(dòng)刷新,你可以更改為任意值。

          如何讓頁面自動(dòng)刷新?

          方法一,用refresh

          HTML 代碼片段如下:

          <head>

          <meta. http-equiv="refresh" c>

          </head>

          5表示刷新時(shí)間

          [Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]

          方法二,使用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的上下滾動(dòng)條?

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

          </body>

          怎樣才能把RealPlayer文件在網(wǎng)頁做一個(gè)試聽連接?

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

          如何用html實(shí)現(xiàn)瀏覽器上后退按鈕的功能?

          <a href="java script.:history.go(-1)">點(diǎn)擊后退</a>

          或者

          <script> history.back() </script>

          請問怎么在網(wǎng)頁中改變鼠標(biāo)的箭頭形狀?

          HTML 代碼片段如下:

          <body>

          <a href="#" style="cursor: auto;">auto</a><br>

          <a href="#" style="cursor: crosshair ">crosshair </a><br>

          <a href="#" style="cursor: default ">default </a><br>

          <a href="#" style="cursor: hand ">hand </a><br>

          <a href="#" style="cursor: move ">move </a><br>

          <a href="#" style="cursor: e-resize ">e-resize </a><br>

          <a href="#" style="cursor: ne-resize ">ne-resize </a><br>

          <a href="#" style="cursor: nw-resize">nw-resize</a><br>

          <a href="#" style="cursor: n-resize">n-resize</a><br>

          <a href="#" style="cursor: se-resize">se-resize</a><br>

          <a href="#" style="cursor: sw-resize">sw-resize</a><br>

          <a href="#" style="cursor: s-resize">s-resize</a><br>

          <a href="#" style="cursor: w-resize">w-resize</a><br>

          <a href="#" style="cursor: text">text</a><br>

          <a href="#" style="cursor: wait">wait</a><br>

          <a href="#" style="cursor: help">help</a><br>

          </body>

          怎樣不使用頁面的緩存?即每一次打開頁面時(shí)不是調(diào)用緩存中的東西

          <META. HTTP-EQUIV="

          ragma" C>

          頁面打開時(shí)自動(dòng)彈出一個(gè)窗口的代碼怎么寫?

          HTML 代碼片段如下:

          <html>

          <head>

          <title>Untitled Document</title>

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

          <script. language="<B style="color:black;background-color:#A0FFFF">javascript</B>">

          <!--

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

           window.open(theURL,winName,features);

          }

          //-->

          </script>

          </head>

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

          </body>

          </html>

          如何讓我的頁面出現(xiàn)一個(gè)會(huì)講話的小人?Merlin

          HTML 代碼片段如下:

          <HTML>

          <HEAD>

          <TITLE>默林</TITLE>

          <META. http-equiv=Content-Type c>

          </HEAD>

          <BODY>

          <p><OBJECT 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>

          在頁面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁面時(shí)背景圖不動(dòng)

          HTML 代碼片段如下:

          <html><head>

          <STYLE>

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

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

          </STYLE>

          </head>

          <body bgproperties="fixed" >

          </body>

          </html>

          [Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]

          background-repeat:no-repeat; 是讓背景圖不占滿整個(gè)頁面

          body bgproperties="fixed" 是拉動(dòng)scroll時(shí)背景圖不動(dòng)

          文本輸入框什么屬性能實(shí)現(xiàn)不可輸入?

          HTML 代碼片段如下:

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

          或者

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

          如何禁止自己的頁面在別人的框架里打開?

          把以下代碼加至你的<head>區(qū)

          <script>

          if (window.top!=self){

          window.top.location=self.location

          }

          </script>

          如何實(shí)現(xiàn)首頁全屏幕顯示?

          HTML 代碼片段如下:

          <html>

          <body><script. language="<B style="color:black;background-color:#A0FFFF">javascript</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>

          如何監(jiān)聽一個(gè)窗口被關(guān)閉了?

          HTML 代碼片段如下:

          <body >

          如何禁止Ctrl+N?

          HTML 代碼片段如下:

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

          如何把頁面加入用戶的收藏夾?

          HTML 代碼片段如下:

          <a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘http://www.51js.com‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)">收藏?zé)o憂腳本</a>

          如何在我的頁面中加入背景音樂?

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

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

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

          關(guān)于頁面轉(zhuǎn)換效果

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

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

          說明:Transition=23是隨機(jī)效果,另可以選0-22任一數(shù)字固定某個(gè)效果

          如何設(shè)定打開頁面的大小

          HTML 代碼片段如下:

          <body ><!--(width,height)-->

          怎樣雙擊滾屏,單擊停止?

          HTML 代碼片段如下:

          <html>

          <head>

          <title>新網(wǎng)頁1</title>

          </head>

          <body>

          <script. language"<B style="color:black;background-color:#A0FFFF">javascript</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>

          <p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p>

          <p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>

          <p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>

          <p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p>

          </body>

          </html>

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

          HTML 代碼片段如下:

          <body >aaa</body>

          如何讓彈出的窗口不能關(guān)閉?

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

          <body nunload=open(location.href)>

          </body>

          如何讓瀏覽器在保存頁面時(shí)保存失敗?

          HTML 代碼片段如下:

          <NOSCRIPT>

          <<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html">

          </<B style="color:black;background-color:#ffff66">IFRAME</B>>

          </NOSCRIPT>

          表單中如何用圖片按鈕實(shí)現(xiàn) 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>

          進(jìn)入網(wǎng)頁時(shí)彈出的信息對話框

          <body >

          關(guān)閉窗口后彈出對話框

          <body >

          告別提示

          <body nUnload= alert("再見,感謝你的訪問!")>

          只要你肯干,沒有什么不能成功的.

          1。忽視右鍵

            <body ncontextmenu="return false">

            <body style="overflow-y:hidden">

          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>

          參數(shù)解釋:

            <SCRIPT. LANGUAGE="javascript"> js腳本開始;

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

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

            newwindow 彈出窗口的名字(不是文件名),非必須,可用空代替;

            width=400 窗口寬度;

            height=300 窗口高度;

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

            left=0 窗口距離屏幕左側(cè)的象素值;

            toolbar=no 是否顯示工具欄,yes為顯示;

            menubar,scrollbars 表示菜單欄和滾動(dòng)欄。

            resizable=no 是否允許改變窗口大小,yes為允許;

            location=no 是否顯示地址欄,yes為允許;

            status=no 是否顯示狀態(tài)欄內(nèi)的信息(通常是文件已經(jīng)打開),yes為允許;

            </SCRIPT> js腳本結(jié)束

          4。簡單的頁面加密

            <script. LANGUAGE="javascript">

            <!--

            function loopy(){

          var sWord ="";

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

          alert("登陸成功!");

            }

            loopy()

            //-->

            </script>

          5。拉動(dòng)頁面時(shí)背景圖不動(dòng)

            <style>

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

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

            </style>

          6。讓瀏覽器在保存頁面時(shí)保存失敗

            <NOSCRIPT><iframe. src="*.html"></iframe></NOSCRIPT>

          7。隨機(jī)替換圖片

            <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。窗口定時(shí)關(guān)閉

          先將如下代碼網(wǎng)頁文件的區(qū):

            <script. language="javascript">

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

            </script>

          然后再在<body>標(biāo)內(nèi)加入如:<body nload="closeit()">

          9。網(wǎng)頁自動(dòng)關(guān)閉

            <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)">

          這個(gè)窗口會(huì)在10秒過后自動(dòng)關(guān)閉,而且不會(huì)出現(xiàn)提示.

            </body>

            </html>

          10。網(wǎng)頁自動(dòng)刷新

          在head部記入

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

          其中20為20秒后自動(dòng)刷新,你可以更改為任意值。

          11。網(wǎng)頁自動(dòng)轉(zhuǎn)頁

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

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

          在Layer中再插Iframe. 或 Object 設(shè)z-Index值

            <div z-Index:2><object xxx></object> # 前面

            <div z-Index:1><object xxx></object> # 后面

            <div id="Layer2" style="position:absolute; top:40;width:400px;

            height:95px;z-index:2"> height=100% width=100%>

            <iframe. width=0 height=0></iframe>

            </div>

            <div id="Layer1" style="position:absolute; top:50;width:200px;

            height:115px;z-index:1">

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

            </div>

          13。返回上一頁

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

          14。關(guān)閉窗口

            <a href=javascript:self.close()>『關(guān)閉窗口』</a>

          15。關(guān)于iframe的透明背景

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

            allowTransparency="true"

            style="background-color: green"></IFRAME>

          16. ncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵

          <table border ncontextmenu=return(false)><td>no</table> 可用于Table

          17. <body nselectstart="return false"> 取消選取、防止復(fù)制

          18.onpaste="return false" 不準(zhǔn)粘貼

          19.oncopy="return false;" ncut="return false;" 防止復(fù)制

          20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)

          21. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)

          22. <input style="ime-mode:disabled"> 關(guān)閉輸入法

          23. 永遠(yuǎn)都會(huì)帶著框架

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

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

          // --></script>

          24. 防止被人frame.

          <SCRIPT. LANGUAGE=JAVASCRIPT><!--

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

          // --></SCRIPT>

          25. 網(wǎng)頁將不能被另存為

          <noscript><iframe. src=*.html></iframe></noscript>

          26. 查看網(wǎng)頁源代碼

          <input type=button value=查看網(wǎng)頁源代碼

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

          27.刪除時(shí)確認(rèn)

          <a href="javascript:if(confirm("確實(shí)要?jiǎng)h除嗎?"))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. 網(wǎng)頁不會(huì)被緩存

          <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 style="border:1 solid #000000">

          或 <input type=text style="border-left:none; border-right:none; border -top:none; border-bottom: 1 solid #000000"></textarea>

          31.不要滾動(dòng)條?

          讓豎條沒有:

          <body style="overflow:scroll;overflow-y:hidden">

          </body>

          讓橫條沒有:

          <body style="overflow:scroll;overflow-x:hidden">

          </body>

          兩個(gè)都去掉?更簡單了

          <body scroll="no">

          </body>

          32.怎樣去掉圖片鏈接點(diǎn)擊后,圖片周圍的虛線?

          <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.如何設(shè)定打開頁面的大小

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

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

          36.在頁面中如何加入不是滿鋪的背景圖片,拉動(dòng)頁面時(shí)背景圖不動(dòng)

          <STYLE>

          body

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

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

          </STYLE>

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

          <script. language="Javascript"><!--

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

          alert(checkNum("1232142141"))

          alert(checkNum("123214214a1"))

          // --></script>

          38. 獲得一個(gè)窗口的大小

          document.body.clientWidth; document.body.clientHeight

          39. 怎么判斷是否是字符

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

          else alert("全是字符");

          40.TEXTAREA自適應(yīng)文字行數(shù)的多少

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

          </textarea>

          41. 日期減去天數(shù)等于第二個(gè)日期

          <script. language=Javascript>

          function cc(dd,dadd)

          {

          //可以加上錯(cuò)誤處理

          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. 選擇了哪一個(gè)Radio

          <HTML><script. language="vbscript">

          function checkme()

          for each ob in radio1

          if ob.checked then window.alert ob.value

          next

          end function

          </script><BODY>

          <INPUT name="radio1" type="radio" value="style" checked>Style.

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

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

          </BODY></HTML>

          43.腳本永不出錯(cuò)

          <SCRIPT. LANGUAGE="JavaScript">

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

          </SCRIPT>

          44.ENTER鍵可以讓光標(biāo)移到下一個(gè)輸入框

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

          45. 檢測某個(gè)網(wǎng)站的鏈接速度:

          把如下代碼加入<body>區(qū)域中:

          <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;i<autourl.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(tim>200)

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

          else

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

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

          run()</script>

          46. 各種樣式的光標(biāo)

          auto :標(biāo)準(zhǔn)光標(biāo)

          default :標(biāo)準(zhǔn)箭頭

          hand :手形光標(biāo)

          wait :等待光標(biāo)

          text :I形光標(biāo)

          vertical-text :水平I形光標(biāo)

          no-drop :不可拖動(dòng)光標(biāo)

          not-allowed :無效光標(biāo)

          help :?幫助光標(biāo)

          all-scroll :三角方向標(biāo)

          move :移動(dòng)標(biāo)

          crosshair :十字標(biāo)

          e-resize

          n-resize

          nw-resize

          w-resize

          s-resize

          se-resize

          sw-resize

          47、禁止鼠標(biāo)右鍵,把Demo的圖片全都設(shè)為表格的背景,表格的大小與圖片的大小一樣。這樣做看起來是一樣的,主要是防止鼠標(biāo)經(jīng)過圖片時(shí)會(huì)出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡單:<script. LANGUAGE="JavaScript"> function click() { if (event.button==2) {alert('呵呵,不好意思,你甭想使用右鍵下載圖片:)'); } } document.onmousedown=click</script>

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

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

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

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

          2. 怎 樣 防 止 別 人 把 你 的 網(wǎng) 頁 放 到 框 架 里?

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

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

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

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

          3. 怎 樣 設(shè) 置 字 體?

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

          4. 怎 樣 在 網(wǎng) 頁 中 加 入 注 釋?

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

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

          5. 怎 樣 測 試 瀏 覽 器 并 自 動(dòng) 裝 入 所 需 要 的 網(wǎng) 頁?

          ----目 前 微 軟 和 網(wǎng) 景 的 瀏 覽 器 并 不 能 完 全 兼 容 所 有 網(wǎng) 頁, 有 的 在 某 種 瀏 覽 器 里 非 常 漂 亮, 而 用 其 它 瀏 覽 器查 看 時(shí) 卻 一 團(tuán) 糟。 如 果 你 需 要 測 試 瀏 覽 器, 可 以 加 入 以 下JavaScript 代 碼 并 保 存 單 獨(dú) 一 個(gè) 網(wǎng) 頁:

          $#@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;

          實(shí) 例 請 參 考:

          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. 怎 樣 在 網(wǎng) 頁 中 加 入E-mail 鏈 接 并 顯 示 預(yù) 定 的 主 題?

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

          8. 怎 樣 讓 背 景 圖 像 不 滾 動(dòng)?

          ----Internet Explorer 瀏 覽 器 支 持 一 個(gè)Body 屬 性Bgproperties, 它 可 以 讓 背 景 不 滾 動(dòng)。

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

          9. 怎 樣 評 定 網(wǎng) 頁 的 級 別?

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

          $#@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. 怎 樣 定 義 本 網(wǎng) 頁 的 關(guān) 鍵 字?

          ----在 網(wǎng) 頁 中 加 入 關(guān) 鍵 字, 可 以 供 某 些 搜 索 站 臺 機(jī) 器 人 的 使 用, 它 們 會(huì) 利 用 該 關(guān) 鍵 字 為 你 的 網(wǎng) 站 做 索 引, 這樣, 當(dāng) 別 人 用 關(guān) 鍵 字 搜 索 網(wǎng) 站 時(shí), 如 果 你 的 網(wǎng) 頁 包 含 該 關(guān) 鍵 字, 那 么 就 可 以 被 列 出 了, 定 義 本 網(wǎng) 頁 關(guān) 鍵 字, 可 以 加 入 以 下 代 碼:

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

          ----Content 所 包 含 的 就 是 關(guān) 鍵 字, 你 可 以 自 行 設(shè) 置。

          ----這 里 有 個(gè) 技 巧, 你 可 以 重 復(fù) 某 一 個(gè) 單 詞, 這 樣 可 以 提 高 自 己 網(wǎng) 站 的 排 行 位 置, 如:

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

          11. 怎 樣 鏈 接 本 網(wǎng) 頁 的 對 象?

          ----有 時(shí) 鏈 接 發(fā) 生 在 一 個(gè) 網(wǎng) 頁 里, 比 如 頁 面 上 半 部 分 列 出 了 目 錄, 下 部 分 就 列 出 了 內(nèi) 容, 而 單 擊 目 錄 任 何 一個(gè) 項(xiàng) 目 都 可 以 跳 到 指 定 部 分, 可 以 在 要 被 鏈 接 的 內(nèi) 容 部 分 設(shè) 置 如 下 方 式:

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

          而 要 鏈 接 到 以 上 設(shè) 置 的 部 分, 可 以 如 下 編 制:

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

          12. 怎 樣 為 不 支 持 框 架 結(jié) 構(gòu) 的 瀏 覽 器 指 定 內(nèi) 容?

          ----為 了 防 止 不 支 持 框 架 結(jié) 構(gòu) 的 瀏 覽 器 訪 問 你 的 網(wǎng) 頁, 可 以 在 你 的 網(wǎng) 頁 中 加 入 以 下 內(nèi) 容:

          $#@60; body $#@62;

          $#@60; noframes $#@62;

          本 網(wǎng) 頁 是 框 架 結(jié) 構(gòu), 請 下 載 新 的 瀏 覽 器 瀏 覽

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

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

          13. 怎 樣 刪 除 表 格 邊 框?

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

          $#@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. 怎 樣 隱 藏 在 狀 態(tài) 欄 里 出 現(xiàn) 的LINK 信 息?

          ----大 家 知 道, 當(dāng) 你 指 向 一 個(gè) 鏈 接 時(shí), 該 鏈 接 的 信 息 會(huì) 出 現(xiàn) 在 瀏 覽 器 狀 態(tài) 欄 里, 如 果 需 要 隱 藏 信 息, 可 以 如 下設(shè) 置:

          $#@60; a onMouseOver="window.status=none ;

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

          15. 怎 樣 在 網(wǎng) 頁 中 加 入 多 媒 體 文 件?

          ----有 些 多 媒 體 文 件 無 需 其 他 程 序 就 可 以 播 放, 而 有 許 多 多 媒 體 文 件 需 要 外 部 程 序 的 幫 助, 當(dāng) 瀏 覽 器 下 載不 支 持 的 格 式 時(shí) 會(huì) 調(diào) 用 外 部 程 序。 如 果 瀏 覽 器 沒 有 安 裝 這 種 外 部 程 序, 那 么 瀏 覽 器 會(huì) 自 動(dòng) 去 下 載; 如 果你 需 要 加 入 多 媒 體 格 式, 可 設(shè) 置 如 下 代 碼:

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

          ----對 于 不 支 持EMBED 標(biāo) 簽 的 瀏 覽 器, 可 以 改 用 標(biāo) 簽。

          16. 怎 樣 在 網(wǎng) 頁 中 加 入 電 子 郵 件 表 單 提 交?

          ----表 單 提 交 需 要CGI 程 序 的 支 持, 但 你 也 可 以 利 用E ?mail 提 交, 當(dāng) 你 設(shè) 計(jì) 好 表 單 后, 把Action 內(nèi) 容 加 入 郵 件地 址 即 可, 如 下:

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

          17. 怎 樣 隱 藏 熱 訊 分 析 的 圖 標(biāo)?

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

          18. 怎 樣 在 網(wǎng) 頁 中 加 入 最 后 修 改 日 期?

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

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

          document.write

          (" 最 后 修 改 日 期" +document.lastModified);

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

          HTML文件中,有些標(biāo)簽會(huì)被經(jīng)常用到,可能有人覺得太基礎(chǔ),就不認(rèn)真對待,但是我可以負(fù)責(zé)任的告訴你,越基礎(chǔ)的往往越重要。這次重點(diǎn)學(xué)一學(xué)標(biāo)題、段落和鏈接等基礎(chǔ)標(biāo)簽。

          為了不重復(fù)粘貼HTML代碼,咱們來個(gè)約定,除了第一次出現(xiàn)完整的HTML文件的頁面結(jié)構(gòu)之外,之后只現(xiàn)新增的標(biāo)簽內(nèi)容,你自己將新的內(nèi)容,添加到HTML文件中,進(jìn)行效果驗(yàn)證。

          <!DOCTYPE html>
          <html>
          <head>
              <meta charset="UTF-8">
              <title>第3個(gè)HTML文件</title>
          </head>
          <body>
          <!--這是一個(gè)完整的HTML頁面結(jié)構(gòu),常用標(biāo)簽放在這個(gè)注釋后面即可-->
          </body>
          </html>

          3.1 標(biāo)題<h1>~

          在HTML中,標(biāo)題從一級到六級,對應(yīng)標(biāo)簽為<h1>到<h6>,字體逐步變小。屬性為align(對齊方式),屬性值為left(左對齊,默認(rèn))、right(右對齊)和center(居中對齊)。

          <h1 align="center">一級標(biāo)題</h1>
          <h2 align="center">二級標(biāo)題</h2>
          <h3>三級標(biāo)題</h3>
          <h4 align="left">四級標(biāo)題</h4>
          <h5 align="right">五級標(biāo)題</h5>
          <h6 align="right">六級標(biāo)題</h6>

          輸出結(jié)果


          3.2 段落<p>

          <p> 標(biāo)簽定義段落。瀏覽器解析到<p>標(biāo)簽時(shí),會(huì)自動(dòng)在其前后創(chuàng)建一些空白。<p>標(biāo)簽的屬性也是align。其實(shí)為了HTML文件統(tǒng)一布局,很少會(huì)用align來指定位置,大多數(shù)是用CSS統(tǒng)一指定。

          <p>老陳說編程,除了說編程,</p>
          <p>還有程序員的愛情與友情,</p>
          <p>那是不可能的。</p>

          輸出結(jié)果


          3.3 水平線和換行

          在網(wǎng)頁發(fā)的文字多時(shí),好多人習(xí)慣性會(huì)使用分割線。在HTML,用<hr/>單標(biāo)簽就可以實(shí)現(xiàn)分割線。而換行,則用<br/>標(biāo)簽。<hr>標(biāo)簽屬性有表示位置的align、高度的的size和寬度width三個(gè)屬性,其中size和width的單位是像素,但如果用到這些屬性的話,推薦用CSS。

          <hr size="1"/>
          小舅子要結(jié)婚了,丈母娘跟我借了10萬塊錢做彩禮,結(jié)果婚事談崩了。<br/>
          今天公司急用錢,我向丈母娘要那10萬塊錢。<br/>
          丈母娘說:借你這10萬塊錢是干啥用的?<br/>
          我說:給小舅子結(jié)婚用啊!<br/>
          丈母娘說:那婚結(jié)成了嗎?<br/>
          我說:沒結(jié)成。<br/>
          丈母娘大聲罵道:婚都沒結(jié)成你還有臉來要錢!<br/>
          突然感覺丈母娘這話說的沒什么毛病啊!
          <hr size="1"/>

          輸出結(jié)果

          3.4 列表<ul>和<ol>

          無序列表<ul>標(biāo)簽,可用粗體圓點(diǎn)標(biāo)記一個(gè)項(xiàng)目的列表;有序列表<ol>標(biāo)簽使用數(shù)字進(jìn)行標(biāo)記,而列表項(xiàng)用<li>標(biāo)簽實(shí)現(xiàn)。有關(guān)列表的屬性,不是被H5拋棄,就是不被推薦,所以......。

          <p>
              程序員最喜歡做的三件事
          <ul>
              <li>編程</li>
              <li>開發(fā)</li>
              <li>敲代碼</li>
          </ul>
          程序員最喜歡的三個(gè)美女
          <ol>
              <li>潘金蓮</li>
              <li>楊貴妃</li>
              <li>楊八妹</li>
          </ol>
          </p>

          輸出結(jié)果

          3.5 超鏈接<a>

          <a>標(biāo)簽定義超鏈接,用于從一個(gè)頁面鏈接到另一個(gè)頁面。最重要的屬性是 href和target, href指定鏈接的目標(biāo)(網(wǎng)頁地址),target指定打開窗口的模式,_blank:打開新窗口,_parent:在父窗口中打開,_self:默認(rèn),當(dāng)前頁面跳轉(zhuǎn),_top:在當(dāng)前窗體打開鏈接,并替換當(dāng)前的整個(gè)窗體。

          在沒點(diǎn)擊鏈接之前,你先看一下鏈接內(nèi)容的字體顏色,點(diǎn)擊鏈接之后,你再看一下,你就會(huì)發(fā)現(xiàn),鏈接內(nèi)容的顏色會(huì)有所變化。

          (1) 未被訪問的鏈接帶有下劃線而且是藍(lán)色的;

          (2) 已被訪問的鏈接帶有下劃線而且是紫色的;

          (3) 活動(dòng)鏈接帶有下劃線而且是紅色的。

          <a href="demo1.html">去到老陳說HTML的第1個(gè)Demo中</a>

          輸出結(jié)果


          好了,有關(guān)html基礎(chǔ)標(biāo)簽的內(nèi)容,老陳講完了,如果覺得對你有所幫助,希望老鐵能轉(zhuǎn)發(fā)點(diǎn)贊,讓更多的人看到這篇文章。你的轉(zhuǎn)發(fā)和點(diǎn)贊,就是對老陳繼續(xù)創(chuàng)作和分享最大的鼓勵(lì)。

          一個(gè)當(dāng)了10年技術(shù)總監(jiān)的老家伙,分享多年的編程經(jīng)驗(yàn)。想學(xué)編程的朋友,可關(guān)注:老陳說編程。分享Python,前端(小程序)、App和嵌入式方面的干貨。關(guān)注我,沒錯(cuò)的。

          #前端##HTML##程序員##編程##CSS#


          主站蜘蛛池模板: 日本一区二区三区在线观看| 中文字幕在线不卡一区二区 | 中文字幕精品一区二区日本| 另类国产精品一区二区| 久久综合一区二区无码| 乱精品一区字幕二区| 国产在线精品一区二区三区不卡 | 亚洲一区二区三区高清视频| 精品一区二区三区免费视频| 国产一区二区三区免费在线观看| 亚洲国产精品乱码一区二区| 精品乱子伦一区二区三区| 美女视频黄a视频全免费网站一区| 精品一区精品二区制服| 一区二区视频传媒有限公司| 果冻传媒一区二区天美传媒 | 亚洲一区二区三区丝袜| 人妻AV一区二区三区精品| 一区二区三区国产| 亚洲一区无码精品色| 亚洲人AV永久一区二区三区久久| 国产成人一区二区在线不卡 | 亚洲一区二区三区无码国产| 消息称老熟妇乱视频一区二区| 亚洲乱码国产一区三区| 久草新视频一区二区三区| 久久一区二区三区免费播放| 亚洲乱码一区av春药高潮| 极品人妻少妇一区二区三区| 久久久久久人妻一区二区三区| 精品一区二区ww| 亚洲AV永久无码精品一区二区国产 | 免费无码AV一区二区| 麻豆精品一区二区综合av| 精品一区二区三区水蜜桃| 国产成人高清精品一区二区三区 | 久久精品午夜一区二区福利 | 精品久久久中文字幕一区| 国产精品伦子一区二区三区| 无码AV一区二区三区无码| 制服丝袜一区二区三区|