HTML5+CSS：
HTML中應用CSS的三種方法
一、內聯
內聯樣式通過style屬性直接套進HTML中去。
示例代碼
- <pstylepstyle="color:red">text</p>
這將會是指定的段落變成紅色。我們的建議是，HTML應該是獨立的、樣式自由的文檔，所以內聯樣式無論在什么情況下都應該盡量避免。
二、內部
內部樣式服務於整個當前頁面。在頭標簽head里面，樣式標簽style里包含當前頁面的所有樣式。
示例代碼
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html>
- <head>
- <title>CSSExample</title>
- <styletypestyletype="text/css">p{color:red;}a{color:blue;}</style>
- </head>
- <body>
- </body>
- </head>
- </html>
這將使這個頁面的所有段落都是紅色的，所有的連接都是藍色的。與內聯樣式類似，同樣不建議使用。
三、外部
外部樣式為整個網站的多個頁面服務。這是一個獨立的CSS文檔，簡單的一個范例如下：
示例代碼
- p{color:red;}a{color:blue;}
如果這個文檔存為“web.css”的話，它可以這樣跟HTML文檔連接起來：
示例代碼
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html>
- <head>
- <title>CSSExample</title>
- <linkrellinkrel="stylesheet"type="text/css"href="web.css"/>
- </head>
- <body>
- </body>
- </head>
- </html>
保存HTML文檔，現在已經把HTML和CSS連接起來了，在你的html中就可以運用你在css文件中定義的css標簽了。
HTML5+JavaScript：
HTML中應用JS的三種方法
一、Html5 頁面中使用 <script> 標簽容納 JavaScript 代碼；
|
1
2
3
|
<script>
init();
</script>
|
這里不僅可以調用任意位置的函數，而且可以聲明變量，構建函數和對象等等。
二、Html5 頁面中使用 <script src="xxx.js"></script> 引入同路徑下的 xxx.js 文件中的 JavaScript 代碼；
|
1
|
<script src=
"js/main.js"
></script>
|
注意這里的 main.js 是與當前 Html 頁面文件同目錄下的 js 子目錄中的文件，使用時，確保相對路徑正確，當然了，也可以使用絕對路徑。
三、Html5 界面元素事件直接賦與一段 JavaScript 代碼；
|
1
|
<input type=
"button"
name=
"Button"
value=
"Button"
onclick=
"javascript：alert('測試')"
>
|
此處可參考 javascript設置onclick