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 日（最新草案）

动字幕会让很多人感到兴奋，特别是第一次使用滚动字幕时，会爱不释手。现在做一个详细的方案，让你更全面地了解一下。

滚动字幕在FrontPage的组件里有，但是FrontPage这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动!(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

1.建立第一个滚动字幕。代码：



以下是引用片段：

<marquee scrollAmount=2 width=300>滚动字幕</marquee>

2.各参数详解：

a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。

c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。

e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)

3.实例：

a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上

以下是引用片段：

<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央电视台</a></marquee>

点击中央电视台就可以进入了：

中央电视台

b)如何制作当鼠标停留在文字上，文字停止滚动?

代码如：

以下是引用片段：<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>

·注意：如果你的网页经过了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”，以此类推。