Web開發——HTML基礎（HTML腳本）
阿新 • • 發佈：2018-10-13
ava 腳本語句 body scrip header back 樣式表 圖片操作 href
1、HTML CSS
通過使用 HTML4.0，所有的格式化代碼均可移出 HTML 文檔，然後移入一個獨立的樣式表。
舉例1（本例演示如何使用添加到 <head> 部分的樣式信息對 HTML 進行格式化）：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>My test page</title> 6 <style type="text/css"> 7 h1 {color: red} 8 p {color: blue} 9 </style> 10 </head> 11 12 <body"> 13 14 <h1>Header 1</h1> 15 <p>A paragraph</p> 16 17 </body> 18 </html>
輸出結果：
舉例2（沒有下劃線的鏈接
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>My test page</title> 6 </head> 7 8 <body"> 9 10 <p><a href="https://www.baidu.com" style="text-decoration:none" target="_blank">This is a link without underline.</a></p> 11 12 </body> 13 </html>
測試結果：This is a link without underline.
舉例3（鏈接到一個外部樣式）：
JavaScript 使 HTML 頁面具有更強的動態和交互性。
2、HTML script 元素
<script> 標簽用於定義客戶端腳本，比如 JavaScript。
script 元素既可包含腳本語句，也可通過 src 屬性指向外部腳本文件。
必需的 type 屬性規定腳本的 MIME 類型。
JavaScript 最常用於圖片操作、表單驗證以及內容動態更新。
下面的腳本會向瀏覽器輸出“Hello World!”：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>My test page</title> 6 </head> 7 8 <body"> 9 10 <script type="text/javascript"> 11 document.write("<h1>Hello, world!</h1>") 12 </script> 13 14 </body> 15 </html>
輸出結果：
3、<noscript> 標簽
<noscript> 標簽提供無法使用腳本時的替代內容，比方在瀏覽器禁用腳本時，或瀏覽器不支持客戶端腳本時。
noscript 元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。
只有在瀏覽器不支持腳本或者禁用腳本時，才會顯示 noscript 元素中的內容：
舉例：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>My test page</title> 6 </head> 7 8 <body"> 9 10 <script type="text/javascript"> 11 document.write("<h1>Hello, world!</h1>") 12 </script> 13 <noscript>Your browser does not support JavaScript!</noscript> 14 15 </body> 16 </html>
Web開發——HTML基礎（HTML腳本）