見標簽

1.段落標簽<p>

• <p>標簽的默認樣式，段前段后都會有空白，如果不喜歡這個空白，可以用css樣式來刪除或改變它。
• 改變CSS樣式刪除段前段后空白處。

<style> 
 p{margin:0px;} 
</style>

2.斜體標簽<em>

 <em>斜體</em>

3.粗體標簽<strong>

 <strong>加粗</strong>

4.<span>標簽

被用來組合文檔中的行內元素。使用 <span> 來組合行內元素，以便通過樣式來格式化它們。

• <span> 在CSS定義中屬于一個行內元素,在行內定義一個區域，也就是一行內可以被 <span>劃分成好幾個區域，從而實現某種特定效果。
• <span>本身沒有任何屬性。
• <div>在CSS定義中屬于一個塊級元素<div>可以包含段落、標題、表格甚至其它部分。這使DIV便于建立不同集成的類，如章節、摘要或備注。在頁面效果上，使用<div> 會自動換行，使用<span> 就會保持同行。

例如：

 <style> 
 span{ color:blue; } 
 </style>

這樣，<span>標簽包含的文本就變成了藍色的字體。

5.<q>標簽

作用：段文本引用

例如：

<p>最初知道莊子，是從一首詩<q>莊生曉夢迷蝴蝶。望帝春心托杜鵑。</q>開始的。雖然當時不知道是什么意思，只是覺得詩句挺特別。后來才明白這個典故出自是莊子的《逍遙游》，《逍遙游》代表了莊子思想的最高境界，是對世俗社會的功名利祿及自己的舍棄。</p>
在上面的例子中，“莊生曉夢迷蝴蝶。望帝春心托杜鵑。” 這是一句詩歌，出自晚唐詩人李商隱的《錦瑟》 。因為不是作者自己的文字，所以需要使用<q></q>實現引用。
注意要引用的文本不用加雙引號，瀏覽器會對q標簽自動添加雙引號。
這里用<q>標簽的真正關鍵點不是它的默認樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了），而是它的語義：引用別人的話。
補充知識：語義化網頁結構有助于搜索引擎的收錄。同一個效果可以用很多鐘方式實現，但這只方便了瀏覽者，而搜索引擎不知道這里到底是什么內容，這里如果你使用標簽，那么就告訴瀏覽器這里是引用的話。而且在手持設備或移動設備不能很好支持css的基礎上，瀏覽器會使用默認的效果，因而提供較好可讀性。

6.<blockquote>標簽

作用：長文本引用

例如：

<blockquote>明月出天山，蒼茫云海間。長風幾萬里，吹度玉門關。漢下白登道，胡窺青海灣。由來征戰地，不見有人還。 戍客望邊色，思歸多苦顏。高樓當此夜，嘆息未應閑。</blockquote>

注意：瀏覽器對<blockquote>標簽的解析是縮進樣式

7.<br>標簽

怎么可以讓每一句詩詞后面加入一個折行呢？那就可以用到<br />標簽了，在需要加回車換行的地方加入<br />，<br />標簽作用相當于word文檔中的回車。

語法：

xhtml1.0寫法：

 <br/>

html4.01寫法：

 <br>

現在一般使用 xhtml1.0 的版本的寫法（其它標簽也是），這種版本比較規范。

與以前我們學過的標簽不一樣，<br />標簽是一個空標簽，沒有HTML內容的標簽就是空標簽，空標簽只需要寫一個開始標簽，這樣的標簽有<br />、<hr />和<img />。

講到這里，你是不是有個疑問，想折行還不好說嘛，就像在 word 文件檔或記事本中，在想要折行的前面輸入回車不就行了嗎？ 不好意思，在 html 中是忽略回車和空格的，你輸入的再多回車和空格也是顯示不出來的。

8.<hr>標簽

在信息展示時，有時會需要加一些用于分隔的橫線，這樣會使文章看起來整齊些。

語法：

html4.01版本

<hr>

xhtml1.0版本

<hr/>

注意：

• <hr />標簽和<br />標簽一樣也是一個空標簽，所以只有一個開始標簽，沒有結束標簽。
• <hr />標簽的在瀏覽器中的默認樣式線條比較粗，顏色為灰色，可能有些人覺得這種樣式不美觀，沒有關系，這些外在樣式在我們以后學習了css樣式表之后，都可以對其修改。
• 大家注意，現在一般使用 xhtml1.0 的版本（其它標簽也是），這種版本比較規范。

9.<address>標簽

一般網頁中會有一些網站的聯系地址信息需要在網頁中展示出來，這些聯系地址信息如公司的地址就可以<address>標簽。也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份。

語法：

 <address>聯系地址信息</address>

如：

<address>文檔編寫：lilian 北京市西城區德外大街10號</address>

10.<code>標簽

在介紹語言技術的網站中，避免不了在網頁中顯示一些計算機專業的編程代碼，當代碼為一行代碼時，你就可以使用<code>標簽了，如下面例子：

<code>var i=i+300;</code>

注意：在文章中一般如果要插入多行代碼時不能使用<code>標簽了。

語法：

<code>代碼語言</code>

注：如果是多行代碼，可以使用<pre>標簽。

11.<pre>標簽

主要作用:預格式化的文本。被包圍在 pre 元素中的文本通常會保留空格和換行符。

語法：

<pre>語言代碼段</pre>

如下代碼：

<pre> 
 var message="歡迎"; 
 for(var i=1;i<=10;i++) { 
 alert(message); 
 } 
</pre>

效果如下：

注意：<pre> 標簽不只是為顯示計算機的源代碼時用的，在你需要在網頁中預顯示格式時都可以使用它，只是<pre>標簽的一個常見應用就是用來展示計算機的源代碼。

12.<ul>標簽

ul-li是沒有前后順序的信息列表。

• 這樣是空心圓，

ul{ list-style:circle; }

• 這個就是去除前面的點

ul{ list-style:none }

• 語法：

<ul> 
 <li>信息</li> 
 <li>信息</li> 
 ...... 
</ul>

• 舉例：

<ul> 
 <li>精彩少年</li> 
 <li>美麗突然出現</li> 
 <li>觸動心靈的旋律</li> 
</ul>

• ul-li在網頁中顯示的默認樣式一般為：每項li前都自帶一個圓點

13.<ol>標簽

ol-li是有前后順序的信息列表

• 語法：

<ol> 
 <li>信息</li> 
 <li>信息</li> 
 ...... 
</ol>

• 舉例：

 <ol> 
 <li>前端開發面試心法 </li> 
 <li>零基礎學習html</li>
 <li>JavaScript全攻略</li> 
</ol>

<ol>在網頁中顯示的默認樣式一般為：每項<li>前都自帶一個序號，序號默認從1開始。

14.<div>標簽

• <div> 可定義文檔中的分區或節（division/section）。
• <div>標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，并且不使用任何格式與其關聯。
• 如果用 id 或 class 來標記 <div>，那么該標簽的作用會變得更加有效。
• <div>是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上，換行是 <div>固有的唯一格式表現。可以通過<div> 的 class 或 id 應用額外的樣式。不必為每一個 <div> 都加上類或 id，雖然這樣做也有一定的好處。
• 可以對同一個 <div>元素應用 class 或 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而id 用于標識單獨的唯一的元素。

15.<table>標簽

• 常用屬性

1）屬性：border

作用：規定表格邊框的寬度

2）屬性：cellpadding

作用：單元格中的文本與單元格邊框的間距

3）屬性：cellspacing

作用：單元格之間的間距

• 創建表格的四個元素：

table、tbody、tr、th、td

1、<table>…</table>：整個表格以<table>標記開始、</table>標記結束。

2、<tbody>…</tbody>：當表格內容非常多時，表格會下載一點顯示一點，但如果加上<tbody>標簽后，這個表格就要等表格內容全部下載完才會顯示。如右側代碼編輯器中的代碼。

3、<tr>…</tr>：表格的一行，所以有幾對tr 表格就有幾行。

4、<td>…</td>：表格的一個單元格，一行中包含幾對<td>...</td>，說明一行中就有幾列。

- 常用屬性： colspan：規定單元格可橫跨的列數，值為數字 rowspan：規定單元格可橫跨的行數，值為數字

5、<th>…</th>：表格的頭部的一個單元格，表格表頭。

6、表格中列的個數，取決于一行中數據單元格的個數。

總結：

• 1、表頭，也就是th標簽中的文本默認為粗體并且居中顯示
• 2、table表格在沒有添加css樣式之前，在瀏覽器中顯示是沒有表格線的
• 3、用css樣式，為表格加入邊框Table 表格在沒有添加 css 樣式之前，是沒有邊框的。

16.<caption>標簽

表格還是需要添加一些標簽進行優化，可以添加標題和摘要。

• 摘要

摘要的內容是不會在瀏覽器中顯示出來的。它的作用是增加表格的可讀性(語義化)，使搜索引擎更好的讀懂表格內容，還可以使屏幕閱讀器更好的幫助特殊用戶讀取表格內容。語法：

<table summary="表格簡介文本">

• 標題

用以描述表格內容，標題的顯示位置：表格上方。語法：

<table> 
 <caption>標題文本</caption> 
 <tr> 
 <td>…</td> 
 <td>…</td> 
 … 
 </tr> 
 … 
</table>

17.<a>標簽

• _blank --在新窗口中打開鏈接
• _parent --在父窗體中打開鏈接
• _self --在當前窗體打開鏈接,此為默認值
• _top --在當前窗體打開鏈接，并替換當前的整個窗體(框架頁)
• 一個對應的框架頁的名稱 -在對應框架頁中打開
• href：Hypertext Reference的縮寫。意思是超文本引用。
• 使用<a>標簽可實現超鏈接，它在網頁制作中可以說是無處不在，只要有鏈接的地方，就會有這個標簽。語法：

 <a href="目標網址" title="鼠標滑過顯示的文本">鏈接顯示的文本</a>

例如：

 <a  title="點擊進入慕課網">click here!</a>

上面例子作用是單擊click here!文字，網頁鏈接跳轉到http://www.imooc.com這個網頁。

• <a>標簽在默認情況下，鏈接的網頁是在當前瀏覽器窗口中打開，有時我們需要在新的瀏覽器窗口中打開。如下代碼：

 <a href="目標網址" target="_blank">click here!</a>

• title屬性的作用，鼠標滑過鏈接文字時會顯示這個屬性的文本內容。這個屬性在實際網頁開發中作用很大，主要方便搜索引擎了解鏈接地址的內容（語義化更友好）。
• 注意：還有一個有趣的現象不知道小伙伴們發現了沒有，只要為文本加入a標簽后，文字的顏色就會自動變為藍色（被點擊過的文本顏色為紫色），顏色很難看吧，不過沒有關系后面我們學習了css樣子就可以設置過來（a{color:#000}),下面會詳細講解。
• 使用mailto在網頁中鏈接Email地址

<a>標簽還有一個作用是可以鏈接Email地址，使用mailto能讓訪問者便捷向網站管理者發送電子郵件。

注意：如果mailto后面同時有多個參數的話，第一個參數必須以“?”開頭，后面的參數每一個都以“&”分隔。引號只有一對！

例子：
<a href="mailto:yy@qq.com? cc=xx@qq.com & bcc=aa@qq.com & subject=郵件主題 & body=郵件內容">

• 如果：A 發送郵件給B1、B2、B3，抄送給C1、C2、C3，密送給D1、D2、D3。

那么：
1）A知道自己發送郵件給了B1、B2、B3，并且抄送給了C1、C2、C3，密送給了D1、D2、D3。
2）B1知道這封是A發送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，但不知道密送給了D1、D2、D3。
3）C1知道這封是A發送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，但不知道密送給了D1、D2、D3。
4）D1知道這封是A發送給B1、B2、B3的郵件，并且抄送給了C1、C2、C3，而且密送給了自己，但不知道密送給了D2、D3。
5）郵箱地址
 mailto: <a href="mailto:qiujie@staff.weibo.com">發送</a>
6）抄送地址
cc: <a href="mailto:qiujie@staff.weibo.com?cc=zz@sina.com">發送</a>
7）密件抄送地址
用分號分隔: <a href="mailto:qiujie@staff.weibo.com?bcc=zz@sina.com">發送</a>
8）多個收件人、抄送人、密送人 ;
bcc: <a href="mailto:qiujie@staff.weibo.com;zz@sina.com">發送</a>
9）郵件主題
subject: <a href="mailto:qiujie@staff.weibo.com？subject=郵件主題">發送</a>
10）郵件內容
body: <a href="mailto:qiujie@staff.weibo.com？body=郵件正文">發送</a>
例子：
<a href="mailto:yy@imooc.com;10001@qq.com?cc=10002@qq.com&bbc=madanteng@qqhelp.com&subject=觀了不起的蓋茨比有感。&body=你好，對此評論有些想法。">對此影評有何感想，發送郵件給我</a>

18.<img>標簽

在網頁的制作中為使網頁炫麗美觀，肯定是缺少不了圖片，可以使用

標簽來插入圖片。

• 語法：

 [站外圖片上傳中……(2)] <img src = "myimage.gif" alt = "My Image" title = "My Image" />

• 講解：

src：標識圖像的位置；
alt：指定圖像的描述性文本，當圖像不可見時（下載不成功時），可看到該屬性指定的文本；
title：提供在圖像可見時對圖像的描述(鼠標滑過圖片時顯示的文本)；
圖像可以是GIF，PNG，JPEG格式的圖像文件。
路徑有兩種填寫方式：絕對路徑、相對路徑
相對路徑：相對于我們當前 html 文件的位置來寫路徑即可！
./表示當前目錄，../表示上一級目錄

19.<form>標簽

注意:

1、所有表單控件（文本框、文本域、按鈕、單選框、復選框等）都必須放在<form></form>標簽之間（否則用戶輸入的信息可提交不到服務器上哦！）。

2、method:post/get的區別這一部分內容屬于后端程序員考慮的問題。

• 網站怎樣與用戶進行交互？答案是使用HTML表單(form)。表單是可以把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就可以處理表單傳過來的數據。

語法：

<form method="傳送方式" action="服務器文件">

• 講解：

<form> ：<form>標簽是成對出現的，以<form>開始，以</form>結束。
action ：瀏覽者輸入的數據被傳送到的地方,比如一個PHP頁面(save.php)。
method ： 數據傳送的方式（get/post）。
 <form method="post" action="save.php"> 
 <label for="username">用戶名:</label> 
 <input type="text" name="username" /> 
 <label for="pass">密碼:</label> 
 <input type="password" name="pass" /> 
 </form>

20.<input>標簽

• 當用戶要在表單中鍵入字母、數字等內容時，就會用到文本輸入框。文本框也可以轉化為密碼輸入框。

語法：

 <form> 
 <input type="text/password" name="名稱" value="文本" /> 
 </form>

• 屬性：

舉例：
 <form> 
 姓名： <input type="text" name="myName"/><br/> 
 密碼： <input type="password" name="pass"/> 
 </form>
 value="xxx" 替換為 placeholder="xxx" 的體驗更好一些，placeholder屬性為 HTML 5 的新屬性。placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。

語法：

<input placeholder="text"/>
注釋：placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。

注意:同一組的單選按鈕，name 取值一定要一致，比如上同一個名稱“gender”，這樣同一組的單選按鈕才可以起到單選的作用！

type：

• 當type="text"時，輸入框為文本輸入框;
• 當type="password"時, 輸入框為密碼輸入框。
• hidden 定義隱藏輸入字段
• image 定義圖像作為提交按鈕
• number 定義帶有 spinner 控件的數字字段
• password 定義密碼字段。字段中的字符會被遮蔽
• radio 定義單選按鈕
• checkbox 定義復選框按鈕
• range 定義帶有 slider 控件的數字字段
• reset 定義重置按鈕。重置按鈕會將所有表單字段重置為初始值
• search 定義用于搜索的文本字段
• submit 定義提交按鈕。提交按鈕向服務器發送數據
• text 默認。定義單行輸入字段，用戶可在其中輸入文本。默認是 20 個字符
• url 定義用于 URL 的文本字段

name：為文本框命名，以備后臺程序ASP 、PHP使用。

value：為文本輸入框設置默認值。(一般起到提示作用)

21.<textarea>標簽

• 當用戶需要在表單中輸入大段文字時，需要用到文本輸入域。

語法：

 <textarea rows="行數" cols="列數">文本</textarea>

1. <textarea>標簽是成對出現的，以<textarea>開始，以</textarea>結束。
2. cols ：多行輸入域的列數。
3. rows ：多行輸入域的行數。
4. 在<textarea></textarea>標簽之間可以輸入默認值。

舉例：

 <form method="post" action="save.php"> 
 <label>聯系我們</label> 
 <textarea cols="50" rows="10" >在這里輸入內容...</textarea> 
 </form>

22.<select>標簽

• 使用下拉列表框，節省空間。下拉列表在網頁中也常會用到，它可以有效的節省網頁空間。既可以單選、又可以多選。

語法：

 <select> 
 <option value="提交的值">顯示的值</option> ... 
 </select>
 設置selected="selected"屬性，則該選項就被默認選中。 
 selected="selected"

• 若想實現多選

<select multiple="multiple"> 然后選擇時候按ctrl點鼠標選中

• 若想讓某個選項不可選

<option disabled="disabled">

• optgroup 標簽

把相關的選項組合在一起

屬性 label：給選項組命名

屬性 disabled：禁用該選項組

23.<label>標簽

• label標簽不會向用戶呈現任何特殊效果，它的作用是為鼠標用戶改進了可用性。如果你在 label 標簽內點擊文本，就會觸發此控件。就是說，當用戶單擊選中該label標簽時，瀏覽器就會自動將焦點轉到和標簽相關的表單控件上（就自動選中和該label標簽相關連的表單控件上）。
• 語法：

 <label for="控件id名稱">

注意：標簽的 for 屬性中的值應當與相關控件的 id 屬性值一定要相同。

• 例子：

 <form> 
 <label for="male">男</label> 
 <input type="radio" name="gender" id="male" /> <br /> 
 <label for="female">女</label> 
 <input type="radio" name="gender" id="female" /> 
 <label for="email">輸入你的郵箱地址</label> 
 <input type="email" id="email" placeholder="Enter email"> 
 </form>

24.<map>標簽

使用 map 標簽可以給圖片某塊區域加超鏈接

使用方法：

1）為 map 標簽首先加上 id 屬性用來為 map 標簽定義一個唯一的名稱

2）為了保證兼容性再加上 name 屬性，屬性值與 id 的值相同

3）為 map 標簽所作用的圖片加上 usemap 屬性，屬性值為 #id 名稱

4）在 map 標簽內嵌套 area 標簽來實現給指定區域加鏈接

 <area shape="" coords="" href ="" alt="" />
 shape 屬性：定義鏈接區域的形狀，常用值 rect、circle
 coords 屬性：確定區域的精確位置。填寫坐標即可，以父元素左上角為原點，可借助qq截圖來得到想要的坐標
 href 屬性：填寫鏈接地址即可
 alt 屬性：給鏈接加一些說明信息

例子：

 <map id="img1" name="img1"> 
 <area shape="rect" coords="184,33,391,258" href="http:www.baidu.com" alt="百度一下" target="_blank" /> 
 <area shape="circle" coords="507,287,20"  alt="私房庫我的博客" target="_blank" /> 
 </map>

注意：

1. 第一個coords的四個參數中，前兩個參數為矩形的接近原點的頂角的坐標，后兩個參數為對角的坐標。
2. 第二個coords的三個參數中，前兩個為圓心坐標，第三個參數為圓的半徑。

25.<iframe>標簽

創建包含另外一個文檔的內聯框架（即行內框架）

屬性：

• frameborder

值：1、0

作用：規定是否顯示框架周圍的邊框。

• width值：以像素計的寬度值、以包含元素百分比計的寬度值

作用：定義 iframe 的寬度

• height

作用：定義高度

• name

作用：給 iframe 命名

• scrolling

值：yes、no、auto

作用：規定是否在 iframe 中顯示滾動條

• src

作用：規定在 iframe 中顯示的文檔的 URL

可以是本地的 html 文件，也可以是遠程的 html 文件

標簽寫法與嵌套的討論

標簽寫法

• 元素標記的省略（在 html5 里面有的標記是可以省略不寫的）

1）不允許寫結束標簽的元素

area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr。這些標簽都是單標簽例如：br 標簽，不可以這樣<br></br>，只能<br />這樣來關閉標簽。

2）可以省略結束標記的元素有：

 li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。

3）可以省略全部標記的元素有

 html,head,body,colgroup,tbody

• 具有 boolean 值得屬性

 例如：disabled,readonly，checked 等只寫屬性而不寫屬性值得時候當做 ture
 不寫屬性表示 false

• 屬性值的引號可以省略

 要求：屬性值不包含 空字符串，<，>，=， ‘

標簽嵌套探討

1.html 規定我們必須要嵌套著寫的標簽

例如：頁面頭部是嵌套在 head 標簽里面的，主體內容都是嵌套在 body 標簽里面的表單的內容是嵌套在 form 標簽里面的，dt、dd 是嵌套在 dl 標簽里面的，li 是嵌套到ul 標簽里面的，等等...

2.塊級元素可以嵌套內聯元素，但是內聯元素不能包含塊元素

<div>
 <span>我是一個 span 元素</span>
 </div> —— 對 
<span>
 <div>div 元素</div>
</span> —— 錯

3.內聯元素可以嵌套內聯元素

<a href="#">
 <span></span>
</a> —— 對

4.塊級元素與塊級元素嵌套注意點

• div 塊級元素是一個容器，幾乎可以存放任何常用標簽，包括自己，我們為什么要使用 div 來嵌套標簽？這個問題可以用用我們國家的省份劃分來解釋，國家需要劃分不同的省份來利于管理，那么我們 html 頁面也是的，整個 html 文檔元素太多，我們需要使用 div 標簽將頁面劃分成不同的塊，這樣可以對每塊進行分開管理，學完 css 我們就知道怎么進行管理了。
• 塊級元素不能放在 p 標簽里面

<p><ol><li></li></ol></p> —— 錯 <p><div></div></p> —— 錯

• li 內可以包含 div 標簽，li 和 div 標簽都是裝載內容的容器，地位平等，沒有級別之分（例如：h1、h2 這樣森嚴的等級制度） ，要知道 li 標簽連它的父級 ul 或者是 ol 都可以容納的

喜歡前端的小伙伴們可以在評論區留言，尋找和小馮童鞋一樣熱愛前端的友人，讓我們一起玩轉前端的世界！

.結構性定義

文件類型 <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="相關地址" 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)固定帖子背景不隨滾動條滾動：<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="這里放圖片地址" style="left:20px; position: relative; top:0px" /＞

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 alt="1" 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 >這是我的網站</a>

效果：這是我的網站

點擊彈出網站

<a target="_blank">這是我的網站</a>

<br>這個是向下一行，比如

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

演示效果就是：

歡迎光臨我的網站

希望開心

<p>向下一大行，比如

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

演示效果就是：

歡迎光臨我的網站

希望開心

<b>這是粗體字

比如 <b >我的網站</ b>

演示效果：我的網站

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

演示

忽視右鍵

<body >

或

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

如何幾秒后轉到別的頁面？

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

點擊關閉窗口

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

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

<body scroll="no">

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

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

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

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

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

<META. HTTP-EQUIV="

ragma" C>

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

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>

如何讓我的頁面出現一個會講話的小人？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>

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

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 全部選擇 提示:你可先修改部分代碼，再按運行]

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>

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

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

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‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)">收藏無憂腳本</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"<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>

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

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

<body nunload=open(location.href)>

</body>

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

HTML 代碼片段如下:

<NOSCRIPT>

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

</<B style="color:black;background-color:#ffff66">IFRAME</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 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>

參數解釋：

　 <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。讓瀏覽器在保存頁面時保存失敗

　 <NOSCRIPT><iframe. 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: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。關閉窗口

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

15。關于iframe的透明背景

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

　 allowTransparency="true"

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

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

<table border ncontextmenu=return(false)><td>no</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 style="ime-mode:disabled"> 關閉輸入法

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. 網頁將不能被另存為

<noscript><iframe. 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 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.不要滾動條?

讓豎條沒有:

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

</body>

讓橫條沒有:

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

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

<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.腳本永不出錯

<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;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="鏈接超時"}

else

{document.forms[0]["txt"+b].value="時間"+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. 各種樣式的光標

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