1.1 HTML基礎
HTML 超文本標記語言（HyperText Mark-up Language)
-
是一種制作萬維網頁面的標準語言，它是目前網絡上應用最為廣泛的語言，也是構成
網頁文檔的主要語言。
-
HTML文件是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲
音、表格、鏈接等。
-
HTML文件的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所
需的信息，而主體則包含所要說明的具體內容。
-
HTML 不是一種編程語言，而是一種標記語言 (markup language)
-
標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁
HTML基本語法格式
註釋： <!--html註釋-->
<!DOCTYPE html> 文檔標準，告知瀏覽器當前文檔使用哪種html或者XHTML規範。
<html> 告知瀏覽器其自身是一個 HTML 文檔。
<head> 用於定義文檔的頭部，它是所有頭部元素的容器。
<base target="_blank"> 統一為頁面上所有連接設置默認地址和默認目標。
<meta charset=‘utf-8’ /> 編碼
<title>標題</title> 網頁標題
</head>
<body>網頁內容</body> 定義文檔的主體
</html>
HTML常用標簽應用
1.<a>標簽可定義錨。
錨 (anchor) 有兩種用法：
? 通過使用 href 屬性，創建指向另外一個文檔的鏈接（或超鏈接）
? 通過使用 name 或 id 屬性，創建一個文檔內部的書簽（也就是說，可以創建指向文
檔片段的鏈接）
例如
1：超鏈接 鏈接到一個確定的地址 ，target="_blank" 以新窗口打開
<a href="http://www.baidu.com" target="_blank">百度</a>
2：本地鏈接，# 是空鏈接
<a href="#">點擊</a>
<a href="test.html">點擊</a>
3:模擬回到頂部的功能
<a name="top"></a>
<div style="width:150px; height:2000px; background:#090;"></div>
<a href="#top" >回到頂部</a>
2.<div>可定義文檔中的分區或節（division/section）。此標簽重要。
<div> 是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上，換行是<div> 固有的唯一格式表現。瀏覽器通常會在 div 元素前後放置一個換行符。
3.<h1> - <h6>標簽標題（定義文章的標題，數字越小，字體越大）。
4.<p>標簽定義段落。
定義段落文本，給一定寬度，遇到寬度會自動換行。
5.<span>標簽被用來組合文檔中的行內元素。
局部元素，定義局部樣式，和CSS搭配才有效果。
6.<hr/>標簽在 HTML頁面中創建一條水平線。（表示一個主題結束）
7.<br/>換行。
8.<img / >元素向網頁中嵌入一幅圖像。
? 請註意，從技術上講， <img> 標簽並不會在網頁中插入圖像，而是從網頁上鏈接圖像。
? <img> 標簽創建的是被引用圖像的占位空間。
? <img> 標簽有兩個必需的屬性：src 屬性和 alt 屬性。
? <img> 標簽使用時可加屬性：width屬性和 height 屬性。
<img src="images/pic.jpeg" width="200" height="200" alt="這裏有張圖片" title="某某風景圖" />
註意:
屬性 --------width="200" height="300"
style樣式----width:200px; height:300px;
1.1 HTML基礎