Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
avaScript 使 HTML 頁面具有更強(qiáng)的動態(tài)和交互性。
在線實(shí)例
插入一段腳本
如何將腳本插入 HTML 文檔。
使用 <noscript> 標(biāo)簽
如何應(yīng)對不支持腳本或禁用腳本的瀏覽器。
HTML <script> 標(biāo)簽
<script> 標(biāo)簽用于定義客戶端腳本,比如 JavaScript。
<script> 元素既可包含腳本語句,也可通過 src 屬性指向外部腳本文件。
JavaScript 最常用于圖片操作、表單驗(yàn)證以及內(nèi)容動態(tài)更新。
下面的腳本會向?yàn)g覽器輸出"Hello World!":
實(shí)例
<script>document.write("Hello World!");</script>
Tip: 學(xué)習(xí)更多關(guān)于Javascript教程,請查看JavaScript 教程!
HTML<noscript> 標(biāo)簽
<noscript> 標(biāo)簽提供無法使用腳本時的替代內(nèi)容,比方在瀏覽器禁用腳本時,或?yàn)g覽器不支持客戶端腳本時。
<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。
只有在瀏覽器不支持腳本或者禁用腳本時,才會顯示 <noscript> 元素中的內(nèi)容:
實(shí)例
<script>document.write("Hello World!")</script><noscript>抱歉,你的瀏覽器不支持 JavaScript!</noscript>
JavaScript體驗(yàn)(來自本站javascript教程)
JavaScript實(shí)例代碼:
JavaScript可以直接在HTML輸出:
document.write("<p>這是一個段落。</p>");
JavaScript事件響應(yīng):
<buttontype="button"onclick="myFunction()">點(diǎn)我!</button>
JavaScript處理 HTML 樣式:
document.getElementById("demo").style.color="#ff0000";
HTML 腳本標(biāo)簽
標(biāo)簽 | 描述 |
---|---|
<script> | 定義了客戶端腳本 |
<noscript> | 定義了不支持腳本瀏覽器輸出的文本 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
TML 是 Web 上的通用標(biāo)記語言。
HTML 版本
HTML 2.0
HTML 2.0 是 1996 年由 Internet 工程工作小組的 HTML 工作組開發(fā)的。
HTML 2.0 是過時的 HTML 版本。目前在市場上可以找到的瀏覽器都依賴于更新版本的 HTML。對于一位 WEB 開發(fā)者而言,沒有任何必要需要 HTML 2.0 標(biāo)準(zhǔn)。
HTML 3.2
HTML 3.2 作為 W3C 標(biāo)準(zhǔn)發(fā)布于 1997 年 1 月 14 日。HTML 3.2 向 HTML 2.0 標(biāo)準(zhǔn)添加了被廣泛運(yùn)用的特性,諸如字體、表格、applets、圍繞圖像的文本流,上標(biāo)和下標(biāo)。
這些被添加到 1997 年 HTML 3.2 標(biāo)準(zhǔn)的元素之一 - <font> 標(biāo)簽 - 為 HTML 內(nèi)容和呈現(xiàn)的分離這個重要的任務(wù)帶來了不必要的麻煩。
HTML 4.0
作為一項(xiàng) W3C 推薦,HTML 4.0 被發(fā)布于 1997 年 12 月 18 日。而僅僅進(jìn)行了一些編輯修正的第二個版本發(fā)布于 1998 年 4 月 24 日。
HTML 4.0 最重要的特性是引入了樣式表(CSS)。
我們的 W3C CSS 章節(jié)總結(jié)了 W3C CSS 活動。
HTML 4.01
作為一項(xiàng) W3C 推薦,HTML 4.01 發(fā)布于 1999 年 12 月 24 日。
HTML 4.01 是對 HTML 4.0 的一次較小的更新,對后者進(jìn)行了修正和漏洞修復(fù)。
W3C 不會繼續(xù)發(fā)展 HTML。未來 W3C 的工作會集中在 XHTML 上。
XHTML 1.0 (最新版本的HTML)
XHTML 1.0 使用 XML 對 HTML 4.01 進(jìn)行了重新地表示。
作為一項(xiàng) W3C 推薦,XHTML 1.0 發(fā)布于 2000 年 1 月 20 日。
我們的 W3C XHTML 章節(jié)總結(jié)了 W3C XHTML 活動。
HTML 5
W3C 于 2008 年 1 月 22 日發(fā)布 HTML 5 工作草案。
通過制定如何處理所有 HTML 元素以及如何從錯誤中恢復(fù)的精確規(guī)則,HTML 5 改進(jìn)了互操作性,并減少了開發(fā)成本。
HTML 5 中的新特性包括了嵌入音頻、視頻和圖形的功能,客戶端數(shù)據(jù)存儲,以及交互式文檔。
HTML 5 還包含了新的元素,比如:<nav>, <header>, <footer> 以及 <figure> 等等。
HTML 5 工作組包括:AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, 以及數(shù)百個其他的供應(yīng)商。
W3C HTML 規(guī)范和時間線
規(guī)范推薦HTML 3.21997 年 1 月 14 日HTML 4.01998 年 5 月 24 日HTML 4.011999 年 12 月 24 日HTML 52010 年 6 月 24 日(最新草案)
動字幕會讓很多人感到興奮,特別是第一次使用滾動字幕時,會愛不釋手。現(xiàn)在做一個詳細(xì)的方案,讓你更全面地了解一下。
滾動字幕在FrontPage的組件里有,但是FrontPage這個軟件只能支持單行文字,一出現(xiàn)多行文字它就無能為力了,而且它只能支持一行滾動!(如果出現(xiàn)只能滾動一行的情況,解決辦法是把這段代碼嵌入到JavaScript的document.write里面,請看下面例的詳細(xì)說明)Dreamweaver也只能用編寫HTML代碼的方法。所以強(qiáng)烈建議用記事本打開網(wǎng)頁源代碼來編輯。
1.建立第一個滾動字幕。代碼:
以下是引用片段:
<marquee scrollAmount=2 width=300>滾動字幕</marquee>
2.各參數(shù)詳解:
a)scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認(rèn)為6,建議設(shè)為1~3比較好。
b)width和height,表示滾動區(qū)域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設(shè)height的值。
c)direction。表示滾動的方向,默認(rèn)為從右向左:←←←。可選的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,這也是用來控制速度的,默認(rèn)為90,值越大,速度越慢。通常scrollDelay是不需要設(shè)置的。
e)behavior。用它來控制屬性,默認(rèn)為循環(huán)滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然后停止?jié)L動)
3.實(shí)例:
a)如何給滾動字幕加超鏈接?這跟平時的超鏈接是完全一樣的。只要在文字外面加上
以下是引用片段:
<marquee scrollAmount=2 width=300><a href=http://www.cctv.com>中央電視臺</a></marquee>
點(diǎn)擊中央電視臺就可以進(jìn)入了:
中央電視臺
b)如何制作當(dāng)鼠標(biāo)停留在文字上,文字停止?jié)L動?
代碼如:
以下是引用片段:<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>文字內(nèi)容</marquee>
c)交替效果。代碼如:
以下是引用片段:
<marquee scrollAmount=2 width=99 behavior=alternate>文字內(nèi)容</marquee>
d)多行文本向上滾動。代碼如:
以下是引用片段:
<marquee scrollAmount=2 width=300 height=160 direction=up>·早晨好啊!<br>·空氣好清新啊<br>·今朝食乜好呢?<p>·<a href=http://www.cctv.com>中央電視臺</a></marquee>
·注意:如果你的網(wǎng)頁經(jīng)過了FrontPage編輯,保存之后,只能滾動一行,這時候你發(fā)現(xiàn)你原來的代碼順序已經(jīng)變了,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代碼是可以隨意組合的,功能強(qiáng)大!
在Dreamweaver為網(wǎng)頁添加背景音樂播放器,是豐富頁面活動的重要內(nèi)容。本篇教程將就Dreamweaver網(wǎng)頁背景音樂播放器的添加進(jìn)行詳細(xì)講解。
1、首先在在站點(diǎn)中新建HTML項(xiàng)目(如圖1所示)。
2、選擇Dreamweaver的“設(shè)計(jì)”窗口,插入—布局對象—Div標(biāo)簽。在隨后跳出的“插入div標(biāo)簽”對話框中直接點(diǎn)擊“確定”按鈕(如圖3所示)。
3、刪除div標(biāo)簽中的文字內(nèi)容,再次進(jìn)行:插入—媒體—插件操作。
4、你可以將音樂文件放如你已經(jīng)創(chuàng)建好的站點(diǎn)中,選擇你要插入的音樂文件,點(diǎn)擊“確定”(如圖5所示)。彈出提示窗口后同樣選擇“確定”(如圖6所示)。
5、成功插入后,選中音樂插件,在頁面下方的屬性欄中進(jìn)行設(shè)置,如寬度和高度等(如圖7所示)。
6、設(shè)置屬性完成后可以對網(wǎng)頁進(jìn)行預(yù)覽了,點(diǎn)擊頁面上方球形按鈕,選擇在IE中進(jìn)行預(yù)覽,并根據(jù)提示將網(wǎng)頁保存到站點(diǎn)中(如圖9、10所示)。
7、在IE中選擇“允許阻止的內(nèi)容”,并選擇運(yùn)行活動內(nèi)容(如圖11、12所示)。
8、可以看到IE中顯示的播放器,經(jīng)過測試,可以正常播放(如圖13所示)。
在制作個人網(wǎng)站時,很多人喜歡在網(wǎng)頁中插入自己喜歡的背景音樂,今天小編就為大家介紹一下如何使用Dreamweaver插入背景音樂。
其實(shí)很簡單,打開你需要插入背景音樂的網(wǎng)頁,并且將此頁面顯示在代碼窗口。
在中插入如下代碼:
其中songs/newalert.wav是存放音樂文件的路徑,loop=“-1”說明循環(huán)播放該音樂,如果你只需要播放一次就可以改成loop=“1”,以此類推。
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。