CSS 列表欄(li)如何顯示豎線

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
list-style-type: none;
}
ul{
width: 1200px;
height: 40px;
line-height: 40px;
margin: 50px auto;
}
ul>li{
float: left;
width: 120px;
height: 40px;
cursor: pointer;
text-align: center;
position: relative; /* 相對(duì)定位 */
}
ul>li:hover{
background-color: deepskyblue;
}
/* 豎線 */
li:after{
    content: '';
    width: 1px;
    height: 16px;
    display: inline-block;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 12px;
}
li.last:after{
display: none;
}
</style>
</head>
<body>
<ul>
<li>首頁(yè)</li>
<li>
公司動(dòng)態(tài)
</li>
<li>新聞中心
</li>
<li>企業(yè)風(fēng)采</li>
<li class="last">關(guān)于我們</li>
</ul>
</body>
</html>

用content: '';樣式實(shí)現(xiàn)

成	語(yǔ)言	描述
結(jié)構(gòu)	HTML	網(wǎng)頁(yè)元素和內(nèi)容
表現(xiàn)	CSS	網(wǎng)頁(yè)元素頁(yè)面樣式
行為	JavaScript	網(wǎng)頁(yè)交互

1 HTML概念

HTML，超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language），是一門描述性語(yǔ)言。標(biāo)記，標(biāo)簽，元素，叫法不同，意思相同。HTML超文本標(biāo)記語(yǔ)言主要通過(guò)標(biāo)簽的方式，對(duì)網(wǎng)頁(yè)頁(yè)面的文本、圖片、音頻、視頻等內(nèi)容進(jìn)行描述。學(xué)習(xí)HTML，就是學(xué)習(xí)各種標(biāo)簽，來(lái)搭建網(wǎng)頁(yè)的結(jié)構(gòu)。

2 HTML結(jié)構(gòu)

結(jié)構(gòu)：!DOCTYPE

說(shuō)明：作用是告訴瀏覽器用哪個(gè)文檔規(guī)范來(lái)解析文檔

標(biāo)簽：html

說(shuō)明：用于搭建HTML網(wǎng)頁(yè)文檔結(jié)構(gòu)和網(wǎng)頁(yè)布局

?標(biāo)簽：head

說(shuō)明：用于定義HTML網(wǎng)頁(yè)文檔的頭部,它是所有頭部元素的容器?

?標(biāo)簽：body

說(shuō)明：用來(lái)定義HTML網(wǎng)頁(yè)文檔的主體區(qū)域?

?標(biāo)簽：meta

說(shuō)明：用來(lái)描述HTML網(wǎng)頁(yè)文檔的屬性?

?標(biāo)簽：title

說(shuō)明：用來(lái)放到HTML網(wǎng)頁(yè)文檔的頭部，是搜索引擎首要抓取的目標(biāo)代碼?

?2.1 標(biāo)簽

標(biāo)簽，也叫作標(biāo)記，是由一對(duì)尖括號(hào)<>，里面包含單詞組成

2.1.1 雙標(biāo)簽

<html></html>

2.1.2 單標(biāo)簽

<br>

2.1.3 標(biāo)簽關(guān)系

嵌套關(guān)系

<html>
    <head>
    </head>
</html>

并列關(guān)系

<head>
</head>
<body>    
</body>

3 注釋

注釋用來(lái)幫助程序員記錄程序設(shè)計(jì)方法，輔助程序閱讀

4 head標(biāo)簽

4.1 title標(biāo)簽

雙標(biāo)簽，定義網(wǎng)頁(yè)的標(biāo)題

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>百度一下，你就知道了</title>
</head>
<body>

</body>
</html>

4.2 meta標(biāo)簽

是單標(biāo)簽，用來(lái)描述HTML網(wǎng)頁(yè)文檔的屬性

4.2.1 name屬性

屬性值	說(shuō)明
keywords	網(wǎng)頁(yè)關(guān)鍵字，多個(gè)逗號(hào)隔開(kāi)
description	網(wǎng)頁(yè)描述
author	作者
copyright	版權(quán)信息

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 網(wǎng)頁(yè)關(guān)鍵字 -->
    <meta name="keywords" content="html,css,javascript">
    <!-- 網(wǎng)頁(yè)描述 -->
    <meta name="description" content="基礎(chǔ)前端知識(shí)">
    <!-- 網(wǎng)頁(yè)作者 -->
    <meta name="author" content="buddha">
    <!-- 網(wǎng)頁(yè)版權(quán)信息 -->
    <meta name="copyright" content="版權(quán)所有，翻版必究">
</head>
<body>

</body>
</html>

標(biāo)簽屬性：

1、標(biāo)簽的屬性寫(xiě)在開(kāi)始標(biāo)簽內(nèi)部

2、標(biāo)簽名與屬性之間要有空格隔開(kāi)

3、一個(gè)標(biāo)簽可以同時(shí)存在多個(gè)屬性

4、屬性之間以空格隔開(kāi)

5、屬性沒(méi)有先后順序之分

4.2.2 http-equiv屬性

屬性值	說(shuō)明
Content-Type	定義網(wǎng)頁(yè)所使用編碼
refresh	定義網(wǎng)頁(yè)自動(dòng)刷新跳轉(zhuǎn)

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 設(shè)置網(wǎng)頁(yè)編碼完整寫(xiě)法 -->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <!-- 設(shè)置網(wǎng)頁(yè)編碼簡(jiǎn)寫(xiě)寫(xiě)法 -->
    <meta charset="UTF-8">
    <!-- 網(wǎng)頁(yè)打開(kāi)3秒后跳去百度 -->
    <meta http-equiv="refresh" content="3;url=https://www.baidu.com">
</head>
<body>

</body>
</html>

4.3 style標(biāo)簽

是雙標(biāo)簽，用來(lái)定義標(biāo)簽的css樣式

<!DOCTYPE html>
<html lang="en">
<head>
    <style type="text/css">
        /* css內(nèi)聯(lián)樣式寫(xiě)這里 */
    </style>
</head>
<body>

</body>
</html>

4.4 link標(biāo)簽

是單標(biāo)簽，是用來(lái)引入外部css樣式文件

<link rel="stylesheet" href="css/index.css" type="text/css">

4.5 script標(biāo)簽

是雙標(biāo)簽，是用來(lái)寫(xiě)JavaScript代碼的地方

<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        /* 這里寫(xiě)JavaScript代碼 */
    </script>

</head>
<body>

</body>
</html>

4.6 base標(biāo)簽

是單標(biāo)簽，是用來(lái)設(shè)置整個(gè)網(wǎng)頁(yè)的基礎(chǔ)路徑。

<!DOCTYPE html>
<html lang="en">
<head>
    <base href="https://pic.rmb.bdstatic.com">

</head>
<body>
    <img src="bjh/news/e7fb4c2be6a2e439ff7e3197fa205d8f1336.gif">
</body>
</html>

開(kāi)發(fā)中很少用到，有人使用知道就行

上面所述標(biāo)簽是放在head標(biāo)簽里的，接下來(lái)接觸的標(biāo)簽都是放在body標(biāo)簽內(nèi)的

5 文本標(biāo)簽

5.1 標(biāo)題標(biāo)簽

是雙標(biāo)簽，h是header的縮寫(xiě)

<h1>h1標(biāo)簽：一級(jí)標(biāo)題</h1>
<h2>h2標(biāo)簽：二級(jí)標(biāo)題</h2>
<h3>h3標(biāo)簽：三級(jí)標(biāo)題</h3>
<h4>h4標(biāo)簽：四級(jí)標(biāo)題</h4>
<h5>h5標(biāo)簽：五級(jí)標(biāo)題</h5>
<h6>h6標(biāo)簽：六級(jí)標(biāo)題</h6>

特點(diǎn)：

1、字體加粗

2、獨(dú)占一行

3、從h1到h6，字體逐漸減小

4、使用<h>標(biāo)簽的主要意義是告訴搜索引擎這是一段文字的標(biāo)題

5、<h1>在一個(gè)頁(yè)面最多只能有一個(gè)，不要用多個(gè)

5.2 段落標(biāo)簽

是雙標(biāo)簽，p是paragraph的縮寫(xiě)

<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>

特點(diǎn)：

1、獨(dú)占一行

2、段落與段落之間，存在間隙

5.3 換行標(biāo)簽

是單標(biāo)簽，br是break的縮寫(xiě)

<p>這是一段<br>文字</p>

特點(diǎn)：

1、強(qiáng)制換行

2、單標(biāo)簽

5.4 水平線標(biāo)簽

是單標(biāo)簽，hr是horizon地平線的縮寫(xiě)

<p>這是一段文字</p>
<hr>
<p>這是一段文字</p>

特點(diǎn)：

1、在頁(yè)面中顯示一條水平線

2、單標(biāo)簽

6 文本格式化標(biāo)簽

標(biāo)簽1	標(biāo)簽2	說(shuō)明
b	strong	加粗
u	ins	下劃線
i	em	傾斜
s	del	刪除線

<b>這是一段文字</b>
<strong>這是一段文字</strong>
<br>
<u>這是一段文字</u>
<ins>這是一段文字</ins>
<br>
<i>這是一段文字</i>
<em>這是一段文字</em>
<br>
<s>這是一段文字</s>
<del>這是一段文字</del>

特點(diǎn)：

1、不會(huì)獨(dú)占一行

2、推薦使用標(biāo)簽2所在列標(biāo)簽

6.1 上標(biāo)標(biāo)簽

sup是superscripted這個(gè)單詞的縮寫(xiě)

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    a<sup>2</sup>
</body>
</html>

6.2 下標(biāo)標(biāo)簽

sub是subscripted這個(gè)單詞的縮寫(xiě)

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
    H<sub>2</sub>O
</body>
</html>

6.3 字符實(shí)體

在網(wǎng)頁(yè)中展示特殊符號(hào)效果時(shí)，需要使用字符實(shí)體替代

顯示結(jié)果	描述	實(shí)體名稱
	空格
<	小于號(hào)	<
>	大于號(hào)	>
&	與	&
"	雙引號(hào)	"
x	乘號(hào)	×
÷	除號(hào)	÷
-	長(zhǎng)破折號(hào)	—
\|	豎線	\|
‘	左單引號(hào)	‘
‘	右單引號(hào)	’
?	版權(quán)符	©
?	注冊(cè)商標(biāo)	®
?	商標(biāo)	™
°	度	°

7 媒體標(biāo)簽

7.1 圖片標(biāo)簽

<img src="./001.jpg" alt="">

img標(biāo)簽常見(jiàn)屬性：

屬性名	說(shuō)明
src	圖片路徑（絕對(duì)路徑、相對(duì)路徑）
alt	圖片加載失敗時(shí)，顯示的文字
title	鼠標(biāo)懸停時(shí)，顯示的文字
width	圖片寬度
height	圖片高度

只設(shè)置寬或高，會(huì)自動(dòng)等比縮放，寬高只需要數(shù)字，不需要'px'

<img src="./001.jpg" alt="圖片加載失敗" title="這是程序兔" width="200" height="200">

絕對(duì)路徑：指目錄下的絕對(duì)位置，比如從根目錄開(kāi)始的路徑，或完整的網(wǎng)絡(luò)地址
相對(duì)路徑：從當(dāng)前文件開(kāi)始出發(fā)找目標(biāo)文件的過(guò)程

7.2 音頻標(biāo)簽

<audio src="music.mp3" controls autoplay loop></audio>

audio標(biāo)簽常見(jiàn)屬性：

屬性名	說(shuō)明
src	音頻路徑
controls	顯示播放控件
autoplay	自動(dòng)播放
loop	循環(huán)播放

支持mp3、wav、ogg三種音頻格式

7.3 視頻標(biāo)簽

<video src="video.mp4" controls loop autoplay></video>

屬性名	說(shuō)明
src	視頻路徑
controls	顯示播放控件
autoplay	自動(dòng)播放
loop	循環(huán)播放

支持mp4、webm、ogg三種視頻格式

7.4 超鏈接標(biāo)簽

超鏈接，是雙標(biāo)簽，實(shí)現(xiàn)各個(gè)獨(dú)立頁(yè)面之間進(jìn)行跳轉(zhuǎn)，可以跳去站外也可以在站內(nèi)之間跳轉(zhuǎn)

<a href="鏈接地址">文本或圖片</a>

站外跳轉(zhuǎn)，采用絕對(duì)路徑

<a href="http://www.baidu.com" target="_blank">百度</a>

站內(nèi)跳轉(zhuǎn)，采用相對(duì)路徑

<!-- a頁(yè)面 -->
<a href="b.html">跳去b頁(yè)面</a>

<!-- b頁(yè)面 -->
<p>b頁(yè)面</p>

頁(yè)面內(nèi)跳轉(zhuǎn)

<a href="#ms">美食</a>
<a href="#jd">景點(diǎn)</a>
<h3 id="ms">推薦美食</h3>
<!-- 省略n個(gè)br標(biāo)簽 -->
<br>
<h3 id="jd">推薦景點(diǎn)</h3>

屬性名	說(shuō)明
href	跳轉(zhuǎn)鏈接
target	鏈接打開(kāi)方式

target屬性值

屬性值	說(shuō)明
_self	默認(rèn)，原窗口打開(kāi)鏈接
_blank	在新窗口打開(kāi)鏈接
_parent	在父窗口打開(kāi)鏈接
_top	在頂層窗口打開(kāi)超鏈接

target屬性值一般使用_self（默認(rèn)）和_blank

8 列表標(biāo)簽

8.1 無(wú)序列表

<ul type="屬性值">
    <li>列表項(xiàng)</li>
    <li>列表項(xiàng)</li>
    <li>列表項(xiàng)</li>
</ul>

解釋：

1、ul，unordered lists，無(wú)序列表，li，list item，列表項(xiàng)

2、ul標(biāo)簽子標(biāo)簽只允許是li標(biāo)簽

3、li標(biāo)簽可以包含任意內(nèi)容

type屬性值

屬性值	說(shuō)明
disc	默認(rèn)，實(shí)心圓
circle	空心圓
square	實(shí)心方型

<ul>
    <li>你</li>
    <li>我</li>
    <li>他</li>
</ul>

8.2 有序列表

<ol type="屬性值">
    <li>列表項(xiàng)</li>
    <li>列表項(xiàng)</li>
    <li>列表項(xiàng)</li>
</ol>

解釋：

1、ol，ordered lists，有序列表，li，list item，列表項(xiàng)

2、ol標(biāo)簽子標(biāo)簽只允許是li標(biāo)簽

3、li標(biāo)簽可以包含任意內(nèi)容

type屬性值

屬性值	說(shuō)明
1	默認(rèn)，阿拉伯?dāng)?shù)字，1,2,3......
a	小寫(xiě)英文字母，a,b,c......
A	大寫(xiě)英文字母，A,B,C......
i	小寫(xiě)羅馬數(shù)字,i,ii,iii......
I	大寫(xiě)羅馬數(shù)字,I,II,III......

<ol>
    <li>你</li>
    <li>我</li>
    <li>他</li>
</ol>

8.3 自定義列表

<dl>
    <dt>名詞</dt>
    <dd>描述</dd>
    ……
</dl>

解釋：

1、dl，definition lists，自定義列表；dt，definition term，自定義列表組；dd，definition description，自定義列表描述

<dl>
    <dt>稱呼</dt>
    <dd>你</dd>
    <dd>我</dd>
    <dd>他</dd>
</dl>

9 表格標(biāo)簽

9.1 表格基本結(jié)構(gòu)

<table>
    <tr>
        <td>單元格1</td>
        <td>單元格2</td>
    </tr>
    <tr>
        <td>單元格3</td>
        <td>單元格4</td>
    </tr>
</table>

解釋：

1、tr，table row，表格行；td，table data cell，表行單元格

<table>
    <tr>
        <td>1</td>
    </tr>
</table>

9.2 表格標(biāo)簽屬性

屬性名	屬性值	描述
border	數(shù)字	邊框?qū)挾?/span>
width	數(shù)字	表格寬度
height	數(shù)字	表格高度

<table border="1" width="200" height="50">
    <tr>
        <td>1</td>
    </tr>
</table>

9.3 表格標(biāo)題標(biāo)簽

<caption>標(biāo)題內(nèi)容</caption>，位于表格內(nèi)第一行

<table border="1" width="200" height="50">
    <caption>數(shù)字</caption>
    <tr>
        <td>1</td>
    </tr>
</table>

9.4 表格表頭單元格標(biāo)簽

<th></th>，th，table header cell，表頭單元格

<table border="1" width="200" height="50">
    <caption>數(shù)字</caption>
    <tr>
        <th>序號(hào)</th>
    </tr>
    <tr>
        <td>1</td>
    </tr>
</table>

9.5 表格語(yǔ)義化結(jié)構(gòu)標(biāo)簽

thead、tbody、tfoot

<table border="1" width="200" height="50">
    <caption>數(shù)字</caption>
    <thead>
        <tr>
            <th>序號(hào)</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>匯總</td>
        </tr>
    </tfoot>
</table>

9.6 合并單元格

屬性名	屬性值	說(shuō)明
rowspan	合并單元格個(gè)數(shù)	合并行，單元格垂直合并
colspan	合并單元格個(gè)數(shù)	合并列，單元格水平合并

<td rowspan="跨越的行數(shù)"></td>

<td colspan="跨越的列數(shù)"></td>

<table border="1" width="200" height="50">
    <caption>數(shù)字</caption>
    <thead>
        <tr>
            <th>序號(hào)</th>
            <th>金額</th>
            <th>金額</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td rowspan="2">20</td>
            <td rowspan="2">20</td>
        </tr>
        <tr>
            <td>2</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>匯總</td>
            <td colspan="2">40</td>
        </tr>
    </tfoot>
</table>

10 表單標(biāo)簽

10.1 form標(biāo)簽

雙標(biāo)簽，包裹其它表單標(biāo)簽

<form>
    // 表單
</form>

form標(biāo)簽的常用屬性

屬性	說(shuō)明
name	表單名稱
method	提交方式
action	提交地址
target	打開(kāi)方式
enctype	編碼方式

name屬性

一個(gè)頁(yè)面中，表單可能不止一個(gè)。name屬性，用來(lái)區(qū)分不同的表單

<form name="myForm"></form>

method屬性

用來(lái)指定表單數(shù)據(jù)使用哪種提交方式給后端

屬性值	說(shuō)明
get	get方式
post	post方式

<form method="get"></form>

action屬性

用來(lái)指定表單數(shù)據(jù)提交到哪個(gè)地址

<!-- 比如提交到index.php地址 -->
<form action="index.php"></form>

target屬性

該屬性跟a標(biāo)簽的target屬性一樣，其屬性值也是四個(gè)，一般情況只用到_blank屬性值，默認(rèn)也是這個(gè)值

<form target="_blank"></form>

enctype屬性

屬性值	說(shuō)明
application/x-www-form-urlencoded	在發(fā)送前編碼所有字符（默認(rèn)）
multipart/form-data	不對(duì)字符編碼，在使用包含文件上傳控件的表單時(shí)，必須使用該值
text/plain	空格轉(zhuǎn)換為 "+" 加號(hào)，但不對(duì)特殊字符編碼

<form enctype="multipart/form-data"></form>

10.2 input標(biāo)簽

input是單標(biāo)簽

<input type="表單類型">

屬性值	說(shuō)明
text	單行文本框
password	密碼文本框
radio	單選框
checkbox	多選框
button	普通按鈕
submit	提交按鈕
reset	重置按鈕
file	文件上傳

單行文本框常用屬性

屬性	說(shuō)明
value	設(shè)置文本框的默認(rèn)值
size	設(shè)置文本框的長(zhǎng)度
maxlength	設(shè)置最多可輸入字符

<form>
    <input type="text" value="默認(rèn)值" size="長(zhǎng)度" maxlength="可輸入字符">
</form>

<form>
    <label>姓名：<input type="text" value="曹操" size="20" maxlength="10"></label>
</form>

密碼文本框常用屬性

密碼文本框常用屬性和單行文本框常用屬性相同

<input type="password" value="默認(rèn)值" size="長(zhǎng)度" maxlength="可輸入字符">

<form>
    <label>密碼：<input type="password" value="12345678" size="20" maxlength="10"></label>
</form>

單選框

屬性	說(shuō)明
name	組名，同組單選框，組名要相同，必要屬性
value	單選框選項(xiàng)取值，必要屬性
checked	默認(rèn)選中項(xiàng)，同組單選框，可以有一個(gè)默認(rèn)選中項(xiàng)

<input type="radio" name="組名" value="取值" checked="checked">

<form>
    性別：
    <input type="radio" name="sex" value="男" checked="checked">男
    <input type="radio" name="sex" value="女">女
</form>

復(fù)選框

復(fù)選框和單選框的屬性都相同，區(qū)別復(fù)選框可以多選

<form>
    愛(ài)好：
    <input type="checkbox" name="hobby" value="籃球" checked>籃球
    <input type="checkbox" name="hobby" value="足球" checked>足球
    <input type="checkbox" name="hobby" value="臺(tái)球">臺(tái)球
</form>

普通按鈕

<input type="button" value="取值">

<form>
    <input type="button" value="普通按鈕">
</form>

<button>普通按鈕</button>

區(qū)別：

1、input是單標(biāo)簽，button是雙標(biāo)簽

2、button標(biāo)簽的信息除了文本，還可以是圖像、其它標(biāo)簽等

3、button有type屬性，屬性值可以是button、submit、reset等

提交按鈕

<input type="submit" value="取值">

<form>
    <input type="submit" value="提交">
</form>

把對(duì)應(yīng)表單數(shù)據(jù)提交給后端服務(wù)器

重置按鈕

<input type="reset" value="取值">

<form>
    <input type="reset" value="重置">
</form>

點(diǎn)擊重置后，所在form表單里所有內(nèi)容被清空了

文件上傳

<input type="file">

<form>
    <input type="file">
</form>

10.3 多行文本框

<textarea name="文本名稱" cols="列數(shù)" rows="行數(shù)"></textarea>

<form>
    <textarea name="文本名稱" cols="1" rows="2"></textarea>
</form>

10.4 下拉列表

<select>
    <option>選項(xiàng)內(nèi)容</option>
    <option>選項(xiàng)內(nèi)容</option>
</select>

下拉列表標(biāo)簽是為了節(jié)省頁(yè)面空間

select標(biāo)簽屬性

屬性名	說(shuō)明
name	數(shù)據(jù)提交后端所需字段
size	下拉選項(xiàng)顯示個(gè)數(shù)
multiple	默認(rèn)只允許選一個(gè)，選多個(gè)得加這個(gè)屬性
disabled	所有下拉選項(xiàng)禁止選中

<form>
    <select name="age" size="4" multiple="multiple" disabled="disabled">
        <option>18歲以下</option>
        <option>18-28歲</option>
        <option>28-38歲</option>
        <option>38歲以上</option>
    </select>
</form>

option標(biāo)簽屬性

屬性名	說(shuō)明
selected	默認(rèn)選中
value	被選中，數(shù)據(jù)提交后端的值
disabled	該下拉選項(xiàng)禁止選中

<form>
    <select name="age" size="5">
        <option value="1">18歲以下</option>
        <option value="2" disabled="disabled">18-28歲</option>
        <option value="3" selected="selected">28-38歲</option>
        <option value="4">38歲以上</option>
    </select>
</form>

11 框架標(biāo)簽

<iframe src="URL" width="數(shù)值" height="數(shù)值"></iframe>

框架標(biāo)簽常用屬性

屬性名	說(shuō)明
src	嵌入的文檔地址
width	標(biāo)簽寬度
height	標(biāo)簽高度

<iframe src="https://www.bilibili.com" width="300" height="200"></iframe>

有些文檔禁止被嵌入

12 標(biāo)簽類型

HTML標(biāo)簽分為三種，行內(nèi)標(biāo)簽、塊級(jí)標(biāo)簽和行內(nèi)塊級(jí)標(biāo)簽。

12.1 行內(nèi)標(biāo)簽

特點(diǎn)：

1、在頁(yè)面內(nèi)只占據(jù)剛好能包裹自己內(nèi)容的空間

2、沒(méi)有寬高，內(nèi)容多大就多大，行內(nèi)標(biāo)簽不能嵌套塊級(jí)標(biāo)簽（a標(biāo)簽除外）

3、行內(nèi)標(biāo)簽設(shè)置寬高無(wú)效，可以對(duì)行高line-height進(jìn)行設(shè)置

4、可以設(shè)置外邊距margin和內(nèi)邊距padding，但只對(duì)左右邊距有效果，上下無(wú)效

5、常見(jiàn)行內(nèi)標(biāo)簽span、a、strong、ins、del、br等

span標(biāo)簽

雙標(biāo)簽，行內(nèi)標(biāo)簽，本身沒(méi)有固定樣式

<p>我是<span>中國(guó)人</span></p>

12.2 塊級(jí)標(biāo)簽

特點(diǎn)：

1、獨(dú)占一行

2、高度、寬度、外邊距、內(nèi)邊距都可以設(shè)置生效

3、寬度默認(rèn)是父級(jí)寬度的100%

4、是一個(gè)容器盒子，可以嵌套多層子級(jí)行內(nèi)標(biāo)簽、塊級(jí)標(biāo)簽，文本類塊級(jí)標(biāo)簽除外

5、常見(jiàn)塊級(jí)標(biāo)簽div、p、h1~h6、ol、ul、li等

div標(biāo)簽

雙標(biāo)簽，塊級(jí)標(biāo)簽，本身沒(méi)有固定樣式

<!-- 頭部區(qū)域 -->
<div></div>
<!-- 內(nèi)容區(qū)域 -->
<div></div>

12.3 行內(nèi)塊級(jí)標(biāo)簽

特點(diǎn)

1、在頁(yè)面內(nèi)只占據(jù)剛好能包裹自己內(nèi)容的空間

2、高度、寬度、外邊距、內(nèi)邊距都可以設(shè)置生效

3、常見(jiàn)塊級(jí)標(biāo)簽img、input、td

12.4 標(biāo)簽類型轉(zhuǎn)換

通過(guò)css樣式display屬性轉(zhuǎn)換，這是css的內(nèi)容

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

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

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

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

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

消除連接的下劃線在新窗口打開(kāi)連接：

4)移動(dòng)字體(走馬燈)：<marquee>寫(xiě)上你想寫(xiě)的字</marquee>

5)字體加粗：<b>寫(xiě)上你想寫(xiě)的字</b>

6)字體斜體：<i>寫(xiě)上你想寫(xiě)的字</i>

7)字體下劃線: <u>寫(xiě)上你想寫(xiě)的字</u>

8)字體刪除線: <s>寫(xiě)上你想寫(xiě)的字</s>

9)字體加大: <big>寫(xiě)上你想寫(xiě)的字</big>

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

11)更改字體顏色：<font color="#value">寫(xiě)上你想寫(xiě)的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間

12)消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫(xiě)上你想寫(xiě)的字</a>

13)貼音樂(lè)：<embed src=音樂(lè)地址 width=300 height=45 type=audio/mpeg 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值見(jiàn)10)

22)帖子背景音樂(lè)：<bgsound="背景音樂(lè)地址" loop=infinite>

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

/----------------------------------------HTML特效代碼--------------------------------/

1。忽視右鍵

　或

2。加入背景音樂(lè)

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

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

　 </embed>

　 *.mid你的背景音樂(lè)的midi格式文件

3。簡(jiǎn)單的window.open方法

　 <a href="#"

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

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

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

　參數(shù)解釋：

　 <SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始；

　 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)打開(kāi)），yes為允許；

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

4。簡(jiǎn)單的頁(yè)面加密

<!--

　 function loopy(){

var sWord ="";

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

alert("登陸成功！");

　 }

　 loopy()

　 //-->

　 </script>

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

　 <style>

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

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

　 </style>

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

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

　 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)頁(yè)文件的區(qū)：

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

　 </script>

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

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

　 <html>

　 <head>

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

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

　 </object>

　 </head>

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

　 </body>

　 </html>

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

　在head部記入

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

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

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

　 </div>

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

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

　 </div>

13。返回上一頁(yè)

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

14。關(guān)閉窗口

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

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

　 allowTransparency="true"

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

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

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

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

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

19.oncopy="return false;" oncut="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ì)帶著框架

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

// --></script>

24. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT><!--

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

// --></SCRIPT>

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

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

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

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

function look(){

if(event.shiftKey)

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

}

document.onkeydown=look;

</script>

29. 網(wǎng)頁(yè)不會(huì)被緩存

或者<META HTTP-EQUIV="expires" CONTENT="0">

30.怎樣讓表單沒(méi)有凹凸感？

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

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

讓豎條沒(méi)有:

</body>

讓橫條沒(méi)有:

</body>

兩個(gè)都去掉？更簡(jiǎn)單了

</body>

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

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

</form>

34.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫(xiě)？

window.opener.location.reload()

35.如何設(shè)定打開(kāi)頁(yè)面的大小

打開(kāi)頁(yè)面的位置<body onload="top.moveBy(300,200);">

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

<STYLE>

body

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

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

</STYLE>

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

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>

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

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

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

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

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

</BODY></HTML>

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

</SCRIPT>

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

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

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

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=測(cè)試中

……> =》<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 ：無(wú)效光標(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è)為表格的背景，表格的大小與圖片的大小一樣。這樣做看起來(lái)是一樣的，主要是防止鼠標(biāo)經(jīng)過(guò)圖片時(shí)會(huì)出現(xiàn)另存的按鈕。禁止鼠標(biāo)右鍵的代碼很簡(jiǎn)單：

function click() { if (event.button==2)

{alert(呵呵，不好意思，你甭想使用右鍵下載圖片：）); } } document.onmousedown=click

</script>

48、在網(wǎng)頁(yè)的Head部分加入如下代碼，這段代碼的主要功能是屏蔽PrintScreen鍵，不斷清空剪貼版，防止圖片被用文件——另存為菜單另存。

<!--

function testclip(){

try {

if(clipboardData.getData("Text")||clipboardData.getData("HTML")||clipboardData.getData("URL"))

{

null;

}

catch(e){

clipboardData.setData("Text","")

}

setTimeout("testclip()",500)

}

testclip();

//-->

</script>

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

1. 將徹底屏蔽鼠標(biāo)右鍵

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

2. <body> 取消選取、防止復(fù)制

3. 不準(zhǔn)粘貼

4. 防止復(fù)制

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

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

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

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

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

// --></script>

9. 防止被人frame

<SCRIPT LANGUAGE=javascript><!--

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

// --></SCRIPT>

10. 網(wǎng)頁(yè)將不能被另存為

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

onclick="window.location = `view-source:`+ http://www.51js.com/`";>

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

<a href=`javascript：if(confirm("確實(shí)要?jiǎng)h除嗎?"location="boos.asp?&areyou=刪除&page=1"`>刪

除</a>

13. 取得控件的絕對(duì)位置

//javascript

function getIE(E){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

</script>

//VBScript

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"

end function

--></script>

14. 光標(biāo)是停在文本框文字的最后

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart(`character`,e.value.length);

r.collapse(true);

r.select();

}

</script>

15. 判斷上一頁(yè)的來(lái)源

javascript：

document.referrer

16. 最小化、最大化、關(guān)閉窗口

本例適用于IE

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

function look(){

if(event.shiftKey)

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

}

document.onkeydown=look;

</script>

18. 網(wǎng)頁(yè)不會(huì)被緩存

或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎樣讓表單沒(méi)有凹凸感？

或

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的區(qū)別？

<div>(division)用來(lái)定義大段的頁(yè)面元素，會(huì)產(chǎn)生轉(zhuǎn)行

<span>用來(lái)定義同一行內(nèi)的元素，跟<div>的唯一區(qū)別是不產(chǎn)生轉(zhuǎn)行

<layer>是ns的標(biāo)記，ie不支持，相當(dāng)于<div>

21.讓彈出窗口總是在最上面:

<body>

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

讓豎條沒(méi)有:

</body>

讓橫條沒(méi)有:

</body>

兩個(gè)都去掉？更簡(jiǎn)單了

</body>

23.怎樣去掉圖片鏈接點(diǎn)擊后，圖片周圍的虛線？

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

</form>

25.在打開(kāi)的子窗口刷新父窗口的代碼里如何寫(xiě)？

window.opener.location.reload()

26.如何設(shè)定打開(kāi)頁(yè)面的大小

<body>

打開(kāi)頁(yè)面的位置<body>

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

<style>

body

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

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

</style>

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

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

alert(checkNum("1232142141"

alert(checkNum("123214214a1"

// --></script>

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

document.body.clientWidth; document.body.clientHeight

30. 怎么判斷是否是字符

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

else alert("全是字符";

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

</textarea>

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

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>

33. 選擇了哪一個(gè)Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

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

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

</BODY></HTML>

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

<!-- Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// -->

</SCRIPT>

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

<input>

36. 檢測(cè)某個(gè)網(wǎng)站的鏈接速度：

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

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]="http://www.njcatv.net/";

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

autourl[3]="http://www.sina.com.cn/";

autourl[4]="http://www.nuaa.edu.cn/";

autourl[5]="http://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=測(cè)試中……> =》<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

onerror=auto(http://";+autourl+"`)>"}

run()</script>

37. 各種樣式的光標(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 ：無(wú)效光標(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

38.頁(yè)面進(jìn)入和退出的特效

進(jìn)入頁(yè)面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">

推出頁(yè)面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

這個(gè)是頁(yè)面被載入和調(diào)出時(shí)的一些特效。Duration表示特效的持續(xù)時(shí)間，以秒為單位。Transition表示使

用哪種特效，取值為1-23:

0 矩形縮小

1 矩形擴(kuò)大

2 圓形縮小

3 圓形擴(kuò)大

4 下到上刷新

5 上到下刷新

6 左到右刷新

7 右到左刷新

8 豎百葉窗

9 橫百葉窗

10 錯(cuò)位橫百葉窗

11 錯(cuò)位豎百葉窗

12 點(diǎn)擴(kuò)散

13 左右到中間刷新

14 中間到左右刷新

15 中間到上下

16 上下到中間

17 右下到左上

18 右上到左下

19 左上到右下

20 左下到右上

21 橫條

22 豎條

23 以上22種隨機(jī)選擇一種

39.在規(guī)定時(shí)間內(nèi)跳轉(zhuǎn)

40.網(wǎng)頁(yè)是否被檢索

其中屬性值有以下一些:

屬性值為"all": 文件將被檢索，且頁(yè)上鏈接可被查詢；

屬性值為"none": 文件不被檢索，而且不查詢頁(yè)上的鏈接；

屬性值為"index": 文件將被檢索；

屬性值為"follow": 查詢頁(yè)上的鏈接；

屬性值為"noindex": 文件不檢索，但可被查詢鏈接；

屬性值為"nofollow": 文件不被檢索，但可查詢頁(yè)上的鏈接。

41.變換網(wǎng)頁(yè)的鼠標(biāo)光標(biāo)

42.怎樣實(shí)現(xiàn)在任務(wù)欄顯示小圖標(biāo)的效果？ (要使用絕對(duì)地址)

有些站點(diǎn)，訪問(wèn)時(shí)會(huì)在地址欄地址前顯出小圖標(biāo)，添加到收藏夾后也在收藏欄中顯示圖標(biāo)，

這樣很好的與其它站點(diǎn)有了區(qū)別。

要達(dá)到這個(gè)效果，先需做出這個(gè)圖標(biāo)文件，圖像為16*16像素，不要超過(guò)16色。文件格式為ico，然后上傳至你的網(wǎng)站。

然后，在需要的頁(yè)面中，加上以下html語(yǔ)句到文件的<head>和</head>之間（假設(shè)以上ico文件的地址http://happyisland.126.com/icon.ico）。

如果訪問(wèn)者的瀏覽器是IE5.0，就不需加任何代碼，只要將圖標(biāo)文件上傳到網(wǎng)站的根目錄下即可。

1,META標(biāo)簽里的代碼是什么意思？

<META>是放于<HEAD>與</HEAD>之間的標(biāo)記.以下是我總結(jié)它在網(wǎng)頁(yè)中最常見(jiàn)的幾種。

該網(wǎng)頁(yè)的關(guān)鍵字，作用于搜索引擎的登錄，事實(shí)上它在現(xiàn)在的網(wǎng)站中并沒(méi)什么用。

設(shè)定這是 HTML 文件及其編碼語(yǔ)系，簡(jiǎn)體中文網(wǎng)頁(yè)使用charset=gb2312，繁體中文使用charset=big5，或者不設(shè)編碼也可，純英文網(wǎng)頁(yè)建議使用 iso-8859-1。

這只表示該網(wǎng)頁(yè)由什么編輯器寫(xiě)的。

這行較為實(shí)用，能于預(yù)定秒數(shù)內(nèi)自動(dòng)轉(zhuǎn)到指定網(wǎng)址。原代碼中 10 表示 10秒。

2，怎么改變滾動(dòng)條的顏色，只有ie5.5版本以上才能支持。

這是使用CSS語(yǔ)言，在次說(shuō)明一下，它和我的瀏覽器版本有一定的關(guān)系。

scrollbar-arrow-color：上下按鈕上三角箭頭的顏色。

scrollbar-base-color：滾動(dòng)條的基本顏色。

scrollbar-dark-shadow-color：立體滾動(dòng)條強(qiáng)陰影的顏色

scrollbar-face-color：立體滾動(dòng)條凸出部分的顏色

scrollbar-highlight-color：滾動(dòng)條空白部分的顏色

scrollbar-shadow-color立體滾動(dòng)條陰影的顏色。

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

代碼如下：

<style>

<!--

BODY {

scrollbar-face-color:#99CC33;//(立體滾動(dòng)條凸出部分的顏色)

scrollbar-highlight-color:#A8CBF1;//(滾動(dòng)條空白部分的顏色)

scrollbar-shadow-color:#A8CBF1;//(立體滾動(dòng)條陰影的顏色)

scrollbar-arrow-color:#FF9966;//(上下按鈕上三角箭頭的顏色)

scrollbar-base-color:#A8CBF1; //(滾動(dòng)條的基本顏色)

scrollbar-darkshadow-color:#A8CBF1; //(立體滾動(dòng)條強(qiáng)陰影的顏色)

scrollbar-track-color:#99CC33;

scrollbar-3dlight-color:#A8CBF1;

}

-->

</style>

//以下是其它的網(wǎng)頁(yè)的代碼

在這我補(bǔ)充幾點(diǎn)：

1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條。

2，沒(méi)有水平滾動(dòng)條

3，沒(méi)有垂直滾動(dòng)條

3,如何給圖片抖動(dòng)怎做的.

<!--

var rector=2

var stopit=0

var a=1

var count=0

function init(which){

stopit=0

shake=which

shake.style.left=0

shake.style.top=0

}

function rattleimage(){

if ((!document.all&&!document.getElementById)||stopit==1||count==100)

return

count++

if (a==1){

shake.style.top=parseInt(shake.style.top)+rector

}

else if (a==2){

shake.style.left=parseInt(shake.style.left)+rector

}

else if (a==3){

shake.style.top=parseInt(shake.style.top)-rector

}

else{

shake.style.left=parseInt(shake.style.left)-rector

}

if (a<4)

a++

else

a=1

setTimeout("rattleimage()",50)

}

function stoprattle(which){

stopit=1

count=0

which.style.left=0

which.style.top=0

}

//-->

</SCRIPT>

</style>

4，在DW如何給水平線加顏色。

在DW中沒(méi)有此項(xiàng)設(shè)置，你只能在HTML中加入代碼：<hr color=red noshade>按F12的預(yù)覽在能看到。由于在NC中不支持<hr>的COLOR屬性，所以在DW中沒(méi)有此項(xiàng)設(shè)置。

5，如何在網(wǎng)頁(yè)中實(shí)現(xiàn)flash的全屏播放？

只要在調(diào)用swf文件的HTML中將WIDTH和HEIGHT的參數(shù)設(shè)為100％即可，當(dāng)然也可以在Flash導(dǎo)出HTML文件的設(shè)置中進(jìn)行設(shè)置，方法是：打開(kāi)File菜單；選Publish Settings彈出導(dǎo)出設(shè)置對(duì)話框；在HTML標(biāo)簽下的Dimensions選項(xiàng),下拉后選中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。

6,為什么我在DW中插入的Flash動(dòng)畫(huà)缺看不找！

如果你沒(méi)有正確地安裝Dreamweaver和Flash，那么在你預(yù)覽的時(shí)候，Dreamweaver會(huì)提示你缺少播放的插件，請(qǐng)你按裝InstallAXFlash.exe 并從新啟動(dòng)計(jì)算機(jī)。現(xiàn)在IE6已經(jīng)捆綁這個(gè)程序。

7，在Flash中，如果屏蔽鼠標(biāo)右鍵?FS命令都是什么意思?

fscommand ("fullscreen", "true/false";（全屏設(shè)置，TRUE開(kāi)，F(xiàn)ALSE關(guān)）

fscommand ("showmenu", "true/false";（右鍵菜單設(shè)置，TRUE顯示，F(xiàn)ALSE不顯示）

fscommand ("allowscale", "true/false";（縮放設(shè)置，TRUE自由縮放，F(xiàn)ALSE調(diào)整畫(huà)面不影響影片本身的尺寸）

fscommand ("trapallkeys", "true/false";（快捷鍵設(shè)置，TRUE快捷鍵開(kāi)，F(xiàn)ALSE快捷鍵關(guān)）

fscommand ("exec";（EXE程序調(diào)用）

fscommand ("quit";（退出關(guān)閉窗口）

8，F(xiàn)lash中什么是隱形按鈕。

利用button中的hit幀來(lái)制作只有感應(yīng)區(qū)域而完全透明的按鈕。

9，如何給Flash動(dòng)畫(huà)做鏈接。

Dreamweaver是不能給Flash制作鏈接的，只能在Flash中用geturl()加鏈接，然后再插入Dreamweaver中。

10，DW中的層的技巧。

層是可以嵌套的，我個(gè)人給大家一個(gè)技巧，在層面板中按住CTRL再拖放層到你想去成為其子層的地方就行了，我認(rèn)為這是最簡(jiǎn)單直觀的方法了。

11，如何改變鼠標(biāo)的形狀？

在Dreamweaver4中CSS樣式面板：

按CTR+SHIFT+E--出現(xiàn)樣式表對(duì)話框,點(diǎn)擊NEW，出現(xiàn)編輯對(duì)話框,在左邊最后一項(xiàng)extensions-cursor 選擇你要改的指針形式就可以了，然后把你要想改變的地方運(yùn)用樣式表，如果整頁(yè)都有在<body bgcolor="#003063" text="#ffffff" id=all>中加入就行了。

這里選擇（文本）作為對(duì)象，還可以自己改為其他的，如link等。

x可以等于=hand（手形）、crosshair（十字）、text（文本光標(biāo)）、wait（顧名思義啦）、default（默認(rèn)效果）、help（問(wèn)號(hào)）、e-size（向右箭頭）、ne-resize（向右上的箭頭）、nw-resize（向左上的箭頭）、w-resize（向左的箭頭）、sw-resize（左下箭頭）、s-resize（向下箭頭）、se-resize（向右下箭頭）、auto（系統(tǒng)自動(dòng)給出效果）。

12，用CSS做郵票，看看吧！

13，經(jīng)常上網(wǎng)的朋友可能會(huì)到過(guò)這樣一些網(wǎng)站，一進(jìn)入首頁(yè)立刻會(huì)彈出一個(gè)窗口，怎么做呢！

這javascript代碼即可實(shí)現(xiàn)，摘錄藍(lán)色論壇。

【1、最基本的彈出窗口代碼】

其實(shí)代碼非常簡(jiǎn)單：

<!--

window.open (`page.html`)

-->

</SCRIPT>

因?yàn)橹且欢蝚avascripts代碼，所以它們應(yīng)該放在<SCRIPT LANGUAGE="javascript">標(biāo)簽和</script>之間。是對(duì)一些版本低的瀏覽器起作用，在這些老瀏覽器中不會(huì)將標(biāo)簽中的代碼作為文本顯示出來(lái)。要養(yǎng)成這個(gè)好習(xí)慣啊。

window.open (`page.html`) 用于控制彈出新的窗口page.html，如果page.html不與主窗口在同一路徑下，前面應(yīng)寫(xiě)明路徑，絕對(duì)路徑(http://)和相對(duì)路徑(../)均可。用單引號(hào)和雙引號(hào)都可以，只是不要混用。

這一段代碼可以加入HTML的任意位置，<head>和</head>之間可以，<body bgcolor="#003063" text="#ffffff" id=all>間</body>也可以，越前越早執(zhí)行，尤其是頁(yè)面代碼長(zhǎng)，又想使頁(yè)面早點(diǎn)彈出就盡量往前放。

【2、經(jīng)過(guò)設(shè)置后的彈出窗口】

下面再說(shuō)一說(shuō)彈出窗口的設(shè)置。只要再往上面的代碼中加一點(diǎn)東西就可以了。

我們來(lái)定制這個(gè)彈出的窗口的外觀，尺寸大小，彈出的位置以適應(yīng)該頁(yè)面的具體情況。

<!--

window.open (`page.html`, `newwindow`, `height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`)

//寫(xiě)成一行

-->

</SCRIPT>

參數(shù)解釋：

<SCRIPT LANGUAGE="javascript"> js腳本開(kāi)始；

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

`page.html` 彈出窗口的文件名；

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

height=100 窗口高度；

width=400 窗口寬度；

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)打開(kāi)），yes為允許；

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

【3、用函數(shù)控制彈出窗口】

下面是一個(gè)完整的代碼。

<html>

<head>

<!--

function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"

//寫(xiě)成一行

}

//-->

</script>

</head>

<body>

…任意的頁(yè)面內(nèi)容…

</body>

</html>

這里定義了一個(gè)函數(shù)openwin(),函數(shù)內(nèi)容就是打開(kāi)一個(gè)窗口。在調(diào)用它之前沒(méi)有任何用途。

怎么調(diào)用呢？

方法一：<body> 瀏覽器讀頁(yè)面時(shí)彈出窗口；

方法二：<body> 瀏覽器離開(kāi)頁(yè)面時(shí)彈出窗口；

方法三：用一個(gè)連接調(diào)用：

注意：使用的“#”是虛連接。

方法四：用一個(gè)按鈕調(diào)用：

14，沒(méi)有用表格寫(xiě)的，讓大家隨便看看，沒(méi)什么。

<html>

<head>

<title>江南荷花扇面</title>

<!--

.font1 { font-size: 12px; color: #999999; text-decoration: none}

a { font-size: 12px; color: #999999; text-decoration: none}

a:hover { font-size: 12px; color: #000000; text-decoration: none}

-->

</style>

</head>

<p>盛夏尚　濤　

<p><a href="index.htm">一夜露痕黃粉香　袁運(yùn)甫 </a>

<p>瑤池昨夜新涼王金嶺

<p>一朵白蓮隨意開(kāi)　吳冠南

<p>新雨迎秋欲滿塘　齊辛民

<p>十里荷香齊辛民

<p>濯清蓮而不妖盧世曙

</div>

</body>

</html>

15,IE6已支持自定義cursor!

語(yǔ)法格式 cursor:url(圖標(biāo)) //cur或是ani文件.

cur就是WINDOWS中的光標(biāo)(cursor)文件，光標(biāo)文件與圖標(biāo)（ICON)文件除了文件頭有一個(gè)位置的值不同外，實(shí)際是一樣的。

ani是WINDOWS中的動(dòng)畫(huà)光標(biāo)（圖標(biāo)）文件。

<!--

.unnamed1 { cursor:url(arrow2c.cur)}

-->

</style>

16,用marquee做的滾動(dòng)字幕.這也我剛看到論壇的朋友在問(wèn)。

語(yǔ)法：

align=# | top | middle| bottom //對(duì)齊方式)

BEHAVIOR=ALTERNATE | SCROLL | SLIDE //移動(dòng)的方式

BGCOLOR=color//底色區(qū)域顏色

DIRECTION=DOWN | LEFT | RIGHT | UP //移動(dòng)的方向

Loop=n //循環(huán)次數(shù)（默認(rèn)是循環(huán)不止）

Scrolldelay=milliseconds//延時(shí)

height=# width=# //區(qū)域面積

hspace=# vspace=# //空白區(qū)域

scrollamount=# //移動(dòng)的速度

17，在FLASH5中也存在一些字體，打散后變成一團(tuán)的事是為什么？有解決的辦法嗎。

這是大家很常見(jiàn)的問(wèn)題！可能是對(duì)字庫(kù)支持的不好！我個(gè)是做成透明的gif圖片格式，然后倒入。

18，flash的網(wǎng)頁(yè)里“加入收藏夾”功能怎么實(shí)現(xiàn)？

在as中加getUrl("java script:window.external.addFavorite(http://skydesigner.51.net`,`我的工作室`)"

19，在Flash中，文本的動(dòng)態(tài)屬性和輸入屬性的區(qū)別。

input text在運(yùn)行時(shí)可被用戶或程序改變其值。

ynamic text僅允許被程序修改。

20,怎樣在IE中調(diào)用Dreamweaver進(jìn)行編輯.

相信很多在使用WinME或Window2000的朋友，會(huì)遇見(jiàn)是個(gè)問(wèn)題。很簡(jiǎn)單，把我們筆記本程序打開(kāi)，保存為一個(gè) *.reg 文件。雙擊它將信息添加到注冊(cè)表即可。

REGEDIT4

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]

@="\"c:\Program Files\Macromedia\Dreamweaver 4\dreamweaver.exe\" \"%1\""

21，設(shè)置表格虛線。

方法一：作一個(gè)1X2的圖。半黑半白，再利用表格作成線。

方法二：在css里面設(shè)，要IE5。5才支持這種效果。

style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

22,看看在網(wǎng)頁(yè)中調(diào)用HHCtrl控件效果。

代碼如下：

22，如何讓一張圖片有淺到深的漸變。

<!--

function high(which2){

theobject=which2

highlighting=setInterval("highlightit(theobject)",50)

}

function low(which2){

clearInterval(highlighting)

which2.filters.alpha.opacity=40

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

cur2.filters.alpha.opacity+=10

else if (window.highlighting)

clearInterval(highlighting)

}

</script>

23,雙擊鼠標(biāo)左鍵來(lái)滾動(dòng)背景，單擊停止。

var currentpos,timer;

function initialize()

{

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

}

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>

24,如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式.

代碼如下：

<HTML><HEAD><TITLE>如何在同一頁(yè)面設(shè)置不同文字鏈接效果的樣式</TITLE>

<!--

a:hover { font-size: 9pt; color: #FF0000; text-decoration: underline}

a:link { font-size: 9pt; color: #006699; text-decoration: underline}

a:visited { font-size: 9pt; color: #006699; text-decoration: underline}

a:active { font-size: 9pt; color: #FF0000; text-decoration: none}

a.r1:hover { font-size: 9pt; color: #FF0000; text-decoration: underline overline}

a.r1:link { font-size: 9pt; color: #000000; text-decoration: underline overline}

a.r1:visited { font-size: 9pt; color: #99CC00; text-decoration: underline overline}

a.r1:active { font-size: 9pt; color: #000000; text-decoration: underline overline}

-->

</style>

</head>

<a href="#">下劃線鏈接 </a>

<p></p>

<a href="#" class="r1">雙下劃線鏈接</a>

</BODY>

</HTML>

補(bǔ)充說(shuō)明：

a:hover 表示鼠標(biāo)劃過(guò)時(shí)的樣式.

a:link 表示鏈接的樣式.

a:active 表示當(dāng)前活動(dòng)連接的樣式.

a:visited 表示已經(jīng)訪問(wèn)過(guò)的連接的樣式.

25, 用CSS給文字加入陰影效果和文字描邊效果。

.glow{FONT-SIZE: 9pt; FILTER: Glow(Color=#000000, Strength=1)}

//文字描邊效果

.shadow {FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#111111); COLOR: #ffffff; FONT-FAMILY: "宋體"}

//加入陰影效果

補(bǔ)充說(shuō)明：

這兩種濾鏡要想實(shí)現(xiàn)效果，必須加在如：<td class=glow或shadow ><div>xxxxxxxxx</div></td>上

，并且要留有足夠的空間能夠顯示陰影或描邊，否則會(huì)出現(xiàn)半截的陰影或描邊現(xiàn)象。

26,如何給做帶顏色的下拉菜單。

<option selected>:: Dreamweaver4 ::</option>

<option>::Flash5::</option>

<option>::Firewoks4::</option>

</select>

27,關(guān)于DW4的表格中的亮邊框和暗邊框問(wèn)題。

在DW4的表格面板中并沒(méi)有亮邊框和暗邊框的屬性設(shè)置，因?yàn)镹C不支持,只有你在代碼中添加了。

bordercolorlight="#999999" bordercolordark="#000000"

你也可以用Css定義一個(gè)class。例如：

<style>

.bordercolor { bordercolorlight: #999999; bordercolordark: #000000 }

</style>

然后在要加效果的表格里加上<table class="bordercolor">

28,自動(dòng)顯示主頁(yè)最后更新日期.

document.write("最后更新日期："+document.lastModified+""

</script>愛(ài)電臺(tái)有我

29,如何讓滾動(dòng)條出現(xiàn)在左邊？

我想居然在論壇中有人發(fā)表了這段代碼，很有意思，它的確照顧一些左撇子，呵呵！

<tr>

<td bgcolor="#FF0000" >是不是你的滾動(dòng)條在左邊啊</td>

</tr>

</table>

</body>

</html>

30,如何加入網(wǎng)址前面的小圖標(biāo)？

首先,您必須了解所謂的圖標(biāo)（Icon）是一種特殊的圖形文件格式，它是以 .ico 作為擴(kuò)展名。你可用在網(wǎng)上找一個(gè)制作圖標(biāo)軟件，它具有特有的規(guī)格：圖標(biāo)的大小為 16 * 16（以像素為單位）；顏色不得超過(guò) 16 色。在該網(wǎng)頁(yè)文件的 HEAD 部分加入下面的內(nèi)容：<LINK REL="SHORTCUT ICON" HREF=" http://skydesigner.51.net/圖標(biāo)文件名">,并放在該網(wǎng)頁(yè)的根目錄下。

31,在800*600顯示器中，如何不讓網(wǎng)頁(yè)水平出現(xiàn)滾動(dòng)條！

設(shè)至<body leftmargin="0" topmargin="0">，網(wǎng)頁(yè)中的表格寬度為778。

32,關(guān)于<!DOTYPE>的說(shuō)明解釋。

在網(wǎng)頁(yè)中，經(jīng)常會(huì)看到〈!DOCTYPE HTML PUBLIC`-//W3C//DTD HTML 4.01//EN`>，是聲明HTML文件的版本信息。

33, 用圖片來(lái)關(guān)閉窗體.

補(bǔ)充說(shuō)明：如何使用了ACTIVEX！,不再警告窗口？

<html>

<head>

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

</head>

</body>

</html>

34,禁止鼠標(biāo)右鍵查看網(wǎng)頁(yè)源代碼。

function click()

{if (event.button==2) {alert(`你好,歡迎光臨！`) }}

document.onmousedown=click

</SCRIPT>

補(bǔ)充說(shuō)明：

鼠標(biāo)完全被封鎖,可以屏蔽鼠標(biāo)右鍵和網(wǎng)頁(yè)文字。

< body>

35,通過(guò)按鈕來(lái)查看網(wǎng)頁(yè)源代碼。

36,怎么用文字聯(lián)結(jié)實(shí)現(xiàn)按鈕的SUBMIT功能？

這段文字要放在form里。formname是這里要寫(xiě)在form中的name,<form name=form111>那么就應(yīng)該是form111.submit()

37,如何做一個(gè)空鏈接？

加#

38,利用<IFRAME>來(lái)給網(wǎng)頁(yè)中插入網(wǎng)頁(yè)。

經(jīng)常我看到很多網(wǎng)頁(yè)中又有一個(gè)網(wǎng)頁(yè)，還以為是用了框架，其實(shí)不然，是用了<IFRAME>,它只適用于IE，NS可是不支持<IFRAME>的，但圍著的字句只有在瀏覽器不支援 iframe 標(biāo)記時(shí)才會(huì)顯示，如<noframes>一樣，可以放些提醒字句之類的話。

你注意啊！下面請(qǐng)和我學(xué)習(xí)它的用法。

分析代碼：<iframe src="iframe.html" name="test" align="MIDDLE" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1" scrolling="Yes"> </iframe>

src="iframe.html"

用來(lái)顯示<IFRAME>中的網(wǎng)頁(yè)來(lái)源，必要加上相對(duì)或絕對(duì)路徑。

name="test"

這是連結(jié)標(biāo)記的 target 參數(shù)所需要的。

align="MIDDLE"

可選值為 left, right, top, middle, bottom，作用不大。

width="300" height="100"

框窗的寬及長(zhǎng)，以 pixels 為單位。

marginwidth="1" marginheight="1"

該插入的文件與框邊所保留的空間。

frameborder="1"

使用 1 表示顯示邊框， 0 則不顯示。（可以是 yes 或 no）

scrolling="Yes"

使用 Yes 表示容許卷動(dòng)（內(nèi)定）， No 則不容許卷動(dòng)。

39,請(qǐng)問(wèn)＜tbody＞的用法？

tbody用法據(jù)說(shuō)是加強(qiáng)對(duì)表格的控制能力的.例如：

tbody代碼如果不是你用手寫(xiě)的話,只有在你用IE5打開(kāi)一個(gè)網(wǎng)頁(yè)的時(shí)候，把它另存為

一下，你的另存為的文件在表格中就會(huì)生成tbody代碼。(即便你的表格根本就沒(méi)有

tbody代碼，IE5另存為的時(shí)候也會(huì)給你生成)。

40,Alt和Title都是提示性語(yǔ)言標(biāo)簽，請(qǐng)注意它們之間的區(qū)別。

在我們?yōu)g覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)停留在圖片對(duì)象或文字鏈接上時(shí)，在鼠標(biāo)的右下角有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框。對(duì)目標(biāo)進(jìn)行一定的注釋說(shuō)明。在一些場(chǎng)合，它的作用是很重要的。

alt 用來(lái)給圖片來(lái)提示的。Title用來(lái)給鏈接文字或普通文字提示的。

用法如下：

補(bǔ)充知識(shí)：<TITLE><ALT>里面如何多行換行？在源代碼里Enter回車。

<a href="#" Title="個(gè)人簡(jiǎn)歷

姓名：張培

網(wǎng)名：我是閃夢(mèng)

性別：男的，不是女的。

愛(ài)好：網(wǎng)頁(yè)制作，軟件開(kāi)發(fā)">個(gè)人簡(jiǎn)歷</a>

例如：個(gè)人簡(jiǎn)歷

41, 用javascript代碼來(lái)實(shí)現(xiàn)閃爍按鈕。

<body>

</form>

if (document.all&&document.all.flashit)

{

var flashelement=document.all.flashit

if (flashelement.length==null)

flashelement[0]=document.all.flashit

function changecolor(which)

{

if (flashelement[which].style.color==`#800000`)

flashelement[which].style.color="#0063A4"

else

flashelement[which].style.color="#800000"

}

if (flashelement.length==null)

setInterval("changecolor(0)",1000)

else

for (i=0;i<flashelement.length;i++)

{

var tempvariable=`setInterval("changecolor(`+i+`)",`+`1000)`

eval(tempvariable)

}

</script>

</body>

42,CSS給圖片定義顏色邊框。

img { border: 1px solid red}

43,在DW中如何使插入的FLASH透明。

方法一：選中swf,打開(kāi)原代碼窗口，在</object>前輸入:<param name="wmode" value="transparent">

方法二：在Flash中的Flie→Publist Settings→HTML→Window Mode選擇transparent

44,在DW編輯文本中，如何輸入一個(gè)空格呢？

輸入空格的問(wèn)題，在DW似乎已成了一個(gè)老生常談的問(wèn)題。通過(guò)將輸入法調(diào)整到全角模式就可以避免了。本以人工智能ABC為例.按Shift+Space切換到全角狀態(tài)。

45,為何我的DW中圖形顯示不正常。

第一種：可能是因?yàn)槟愣x并正在使用一個(gè)site，而你的HTML文件或者圖片不在這個(gè)site包含的區(qū)域之內(nèi)，因此dreamweaver使用file協(xié)議來(lái)

描述圖象的絕對(duì)路徑，可惜IE不支持src中使用file協(xié)議，所以圖象就顯示不出來(lái)了。

第二種：可能是放圖片的文件夾或圖片名為中文，也顯示不到網(wǎng)頁(yè)中去。

46,如何在本地機(jī)器上測(cè)試flash影片的loading？

我想這可能是很多人在問(wèn)的題了，其實(shí)很簡(jiǎn)單，在Test時(shí)，選選View->Show Streaming就可以看到了。

47,在網(wǎng)頁(yè)中做出一根豎的線有幾種辦法.

第一種方法：用一個(gè)像素圖的辦法！

如果你用Dreamwever的Edit→Preferences…→Layout View中的Spacer Image給你創(chuàng)建了一個(gè)缺省名為：spacer.gif的一個(gè)像素圖文件。

代碼中：

<tr>

</tr>

</table>

第二種方法：用表格填顏色的辦法！把<td> </td>中的刪掉 .

<tr>

</tr>

</table>

第三種方法：用水平條。

48, 關(guān)于鼠標(biāo)拖動(dòng),改變層大小。──看看微軟的做法.

document.execCommand("2D-position",false,true);

</script>

<DIV>

</DIV>

在線咨詢

上一篇：學(xué)IT的看過(guò)來(lái)，一萬(wàn)多門教程，50T海量學(xué)習(xí)資源，自學(xué)修煉成大神
下一篇：和HTML標(biāo)簽相關(guān)的字符串格式化

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

CSS 列表欄(li)如何顯示豎線

1 HTML概念

2 HTML結(jié)構(gòu)

?2.1 標(biāo)簽

2.1.1 雙標(biāo)簽

2.1.2 單標(biāo)簽

2.1.3 標(biāo)簽關(guān)系

3 注釋

4 head標(biāo)簽

4.1 title標(biāo)簽

4.2 meta標(biāo)簽

4.2.1 name屬性

4.2.2 http-equiv屬性

4.3 style標(biāo)簽

4.4 link標(biāo)簽

4.5 script標(biāo)簽

4.6 base標(biāo)簽

5 文本標(biāo)簽

5.1 標(biāo)題標(biāo)簽

5.2 段落標(biāo)簽

5.3 換行標(biāo)簽

5.4 水平線標(biāo)簽

6 文本格式化標(biāo)簽

6.1 上標(biāo)標(biāo)簽

6.2 下標(biāo)標(biāo)簽

6.3 字符實(shí)體

7 媒體標(biāo)簽

7.1 圖片標(biāo)簽

7.2 音頻標(biāo)簽

7.3 視頻標(biāo)簽

7.4 超鏈接標(biāo)簽

8 列表標(biāo)簽

8.1 無(wú)序列表

8.2 有序列表

8.3 自定義列表

9 表格標(biāo)簽

9.1 表格基本結(jié)構(gòu)

9.2 表格標(biāo)簽屬性

9.3 表格標(biāo)題標(biāo)簽

9.4 表格表頭單元格標(biāo)簽

9.5 表格語(yǔ)義化結(jié)構(gòu)標(biāo)簽

9.6 合并單元格

10 表單標(biāo)簽

10.1 form標(biāo)簽

10.2 input標(biāo)簽

10.3 多行文本框

10.4 下拉列表

11 框架標(biāo)簽

12 標(biāo)簽類型

12.1 行內(nèi)標(biāo)簽

12.2 塊級(jí)標(biāo)簽

12.3 行內(nèi)塊級(jí)標(biāo)簽

12.4 標(biāo)簽類型轉(zhuǎn)換

您的項(xiàng)目需求