avaScript 使 HTML 頁面具有更強的動態和交互性。

在線實例

插入一段腳本

如何將腳本插入 HTML 文檔。

使用 <noscript> 標簽

如何應對不支持腳本或禁用腳本的瀏覽器。

HTML <script> 標簽

<script> 標簽用于定義客戶端腳本，比如 JavaScript。

<script> 元素既可包含腳本語句，也可通過 src 屬性指向外部腳本文件。

JavaScript 最常用于圖片操作、表單驗證以及內容動態更新。

下面的腳本會向瀏覽器輸出"Hello World!"：

實例

<script>document.write("Hello World!");</script>

Tip: 學習更多關于Javascript教程，請查看JavaScript 教程!

HTML<noscript> 標簽

<noscript> 標簽提供無法使用腳本時的替代內容，比方在瀏覽器禁用腳本時，或瀏覽器不支持客戶端腳本時。

<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。

只有在瀏覽器不支持腳本或者禁用腳本時，才會顯示 <noscript> 元素中的內容：

實例

<script>document.write("Hello World!")</script><noscript>抱歉，你的瀏覽器不支持 JavaScript!</noscript>

JavaScript體驗(來自本站javascript教程)

JavaScript實例代碼:

JavaScript可以直接在HTML輸出:

document.write("<p>這是一個段落。</p>");

JavaScript事件響應:

<buttontype="button"onclick="myFunction()">點我！</button>

JavaScript處理 HTML 樣式:

document.getElementById("demo").style.color="#ff0000";

HTML 腳本標簽

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

TML 是 Web 上的通用標記語言。

HTML 版本

HTML 2.0

HTML 2.0 是 1996 年由 Internet 工程工作小組的 HTML 工作組開發的。

HTML 2.0 是過時的 HTML 版本。目前在市場上可以找到的瀏覽器都依賴于更新版本的 HTML。對于一位 WEB 開發者而言，沒有任何必要需要 HTML 2.0 標準。

HTML 3.2

HTML 3.2 作為 W3C 標準發布于 1997 年 1 月 14 日。HTML 3.2 向 HTML 2.0 標準添加了被廣泛運用的特性，諸如字體、表格、applets、圍繞圖像的文本流，上標和下標。

這些被添加到 1997 年 HTML 3.2 標準的元素之一 - <font> 標簽 - 為 HTML 內容和呈現的分離這個重要的任務帶來了不必要的麻煩。

HTML 4.0

作為一項 W3C 推薦，HTML 4.0 被發布于 1997 年 12 月 18 日。而僅僅進行了一些編輯修正的第二個版本發布于 1998 年 4 月 24 日。

HTML 4.0 最重要的特性是引入了樣式表（CSS）。

我們的 W3C CSS 章節總結了 W3C CSS 活動。

HTML 4.01

作為一項 W3C 推薦，HTML 4.01 發布于 1999 年 12 月 24 日。

HTML 4.01 是對 HTML 4.0 的一次較小的更新，對后者進行了修正和漏洞修復。

W3C 不會繼續發展 HTML。未來 W3C 的工作會集中在 XHTML 上。

XHTML 1.0 (最新版本的HTML)

XHTML 1.0 使用 XML 對 HTML 4.01 進行了重新地表示。

作為一項 W3C 推薦，XHTML 1.0 發布于 2000 年 1 月 20 日。

我們的 W3C XHTML 章節總結了 W3C XHTML 活動。

HTML 5

W3C 于 2008 年 1 月 22 日發布 HTML 5 工作草案。

通過制定如何處理所有 HTML 元素以及如何從錯誤中恢復的精確規則，HTML 5 改進了互操作性，并減少了開發成本。

HTML 5 中的新特性包括了嵌入音頻、視頻和圖形的功能，客戶端數據存儲，以及交互式文檔。

HTML 5 還包含了新的元素，比如：<nav>, <header>, <footer> 以及 <figure> 等等。

HTML 5 工作組包括：AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, 以及數百個其他的供應商。

W3C HTML 規范和時間線

規范推薦HTML 3.21997 年 1 月 14 日HTML 4.01998 年 5 月 24 日HTML 4.011999 年 12 月 24 日HTML 52010 年 6 月 24 日（最新草案）

動字幕會讓很多人感到興奮，特別是第一次使用滾動字幕時，會愛不釋手?，F在做一個詳細的方案，讓你更全面地了解一下。

滾動字幕在FrontPage的組件里有，但是FrontPage這個軟件只能支持單行文字，一出現多行文字它就無能為力了，而且它只能支持一行滾動!(如果出現只能滾動一行的情況，解決辦法是把這段代碼嵌入到JavaScript的document.write里面，請看下面例的詳細說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強烈建議用記事本打開網頁源代碼來編輯。

1.建立第一個滾動字幕。代碼：

?，?/p>

以下是引用片段：

<marquee scrollAmount=2 width=300>滾動字幕</marquee>

2.各參數詳解：

?，)scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認為6，建議設為1～3比較好。

?，)width和height，表示滾動區域的大小，width是寬度，height是高度。特別是在做垂直滾動的時候，一定要設height的值。

?，)direction。表示滾動的方向，默認為從右向左：←←←。可選的值有right、down、up。滾動方向分別為：right表示→→→，up表示↑，down表示↓。

?，)scrollDelay，這也是用來控制速度的，默認為90，值越大，速度越慢。通常scrollDelay是不需要設置的。

?，)behavior。用它來控制屬性，默認為循環滾動，可選的值有alternate(交替滾動)、slide(幻燈片效果，指的是滾動一次，然后停止滾動)

3.實例：

a)如何給滾動字幕加超鏈接?這跟平時的超鏈接是完全一樣的。只要在文字外面加上

以下是引用片段：

<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央電視臺</a></marquee>

點擊中央電視臺就可以進入了：

中央電視臺

?，)如何制作當鼠標停留在文字上，文字停止滾動?

?，４a如：

以下是引用片段：<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字內容</marquee>

c)交替效果。代碼如：



以下是引用片段：

<marquee scrollAmount=2 width=99 behavior=alternate>文字內容</marquee>

d)多行文本向上滾動。代碼如：

以下是引用片段：

<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好??！<br>·空氣好清新啊<br>·今朝食乜好呢？<p>·<a href=http://www.cctv.com>中央電視臺</a></marquee>

?，！ぷ⒁猓喝绻愕木W頁經過了FrontPage編輯，保存之后，只能滾動一行，這時候你發現你原來的代碼順序已經變了，My god!解決的辦法是，找出原來的代碼，把它嵌入到JavaScript的document.write中即可，上述代碼寫為：

以下是引用片段：

<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊！<br>·空氣好清新啊<br>·今朝食乜好呢？<p>·<a href=http://www.cctv.com>中央電視臺</a></marquee>

由上可以看出，HTML代碼是可以隨意組合的，功能強大!

在Dreamweaver為網頁添加背景音樂播放器，是豐富頁面活動的重要內容。本篇教程將就Dreamweaver網頁背景音樂播放器的添加進行詳細講解。

1、首先在在站點中新建HTML項目（如圖1所示）。

2、選擇Dreamweaver的“設計”窗口，插入—布局對象—Div標簽。在隨后跳出的“插入div標簽”對話框中直接點擊“確定”按鈕（如圖3所示）。

3、刪除div標簽中的文字內容，再次進行：插入—媒體—插件操作。

4、你可以將音樂文件放如你已經創建好的站點中，選擇你要插入的音樂文件，點擊“確定”（如圖5所示）。彈出提示窗口后同樣選擇“確定”（如圖6所示）。

5、成功插入后，選中音樂插件，在頁面下方的屬性欄中進行設置，如寬度和高度等（如圖7所示）。

6、設置屬性完成后可以對網頁進行預覽了，點擊頁面上方球形按鈕，選擇在IE中進行預覽，并根據提示將網頁保存到站點中（如圖9、10所示）。

7、在IE中選擇“允許阻止的內容”，并選擇運行活動內容（如圖11、12所示）。

8、可以看到IE中顯示的播放器，經過測試，可以正常播放（如圖13所示）。

在制作個人網站時，很多人喜歡在網頁中插入自己喜歡的背景音樂，今天小編就為大家介紹一下如何使用Dreamweaver插入背景音樂。

其實很簡單，打開你需要插入背景音樂的網頁，并且將此頁面顯示在代碼窗口。

在中插入如下代碼：

其中songs/newalert.wav是存放音樂文件的路徑，loop=“-1”說明循環播放該音樂，如果你只需要播放一次就可以改成loop=“1”，以此類推。