16/07/14
HTML的介紹
- HTML指的是超文本標記語言（Hyper Text Markup Language）
- HTML不是一種編程語言，而是一種標記語言（markup language）
- 標記語言是一套標記標簽（markup tag）
- HTML使用標記標簽來描述網頁
HTML文檔
- HTML文檔包含HTML標簽和純文本，HTML文檔也被稱為網頁
- 瀏覽器的作用就是讀取HTML文檔，并以網頁的形式顯示出他們
HTML常用標簽
-
示例
<html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
例子解釋
- <html> 與</html> 之間的文本描述網頁
- <body> 與</body> 之間的文本是可見的頁面內容
- <h1> 與</h1> 之間的文本被顯示為標題
- <p> 與</p> 之間的文本被顯示為段落
最常用的HTML標簽
HTML標題：<h1> - <h6>(請僅僅把標題標簽用于標題文本。不要僅僅為了產生粗體文本而使用它們。請使用其它標簽或 CSS 代替)
HTML段落：<p>標簽
HTML鏈接：<a>標簽（在href屬性中指定鏈接的地址）
-
HTML水平線：
標簽用于在HTML頁面中創建水平線 HTML注釋：``
HTML折行：
標簽（在希望不產生一個新段落的情況下進行換行）
<p>This is<br />a para<br />graph with line breaks</p>
4.HTML圖片：<img>標簽
HTML元素
- HTML元素指的是從開始標簽到結束標簽的所有代碼
- HTML元素的內容是開始標簽與結束標簽之間的內容
<html>
<body>
<p>My first paragraph.</p>
</body>
</html>
例如在以上代碼中，HTML元素內容是另一個HTML元素（body元素），而body元素內容為另一個HTML元素（p元素），p元素內容為 my first paragraph.
HTML屬性
屬性總是以名稱/值對的形式出現，比如：name = “value”
-
屬性總是在HTML元素的開始標簽中規定
<a >This is a link</a>
HTML樣式
1.外部樣式
當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點的外觀。(需要在內部創建一個.css后綴的文件，里面寫入要給元素設置的樣式eg:body{backgorund-color:yellow})
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
2.內部樣式
當單個文件需要特別樣式時，就可以使用內部樣式表。你可以在 head 部分通過 <style> 標簽定義內部樣式表。
<head>
<style>
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
3.行內樣式
當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
4.CSS遵循的規律
- 就近原則（按照最近css設置的樣式為準）
- 疊加原則（如果以前沒有添加過的樣式，按照新添加的樣式為準）
