</body>

</html> -----根標簽

說明：html根標簽，一個頁面有且只有一個根標簽
head標簽中的內容不會被顯示，幫助瀏覽器解析
title：網頁的標題標簽，默認會顯示在網頁的標題欄上，搜索引擎

1.標簽的屬性：
處理標簽的內容，在開始標簽裏添加，實質上是一個名值對
屬性名=“屬性值” 一個標簽可以有多個屬性，並且每個屬性用空格隔開
<font color="red" size="7">我的</font>

2.h5的文檔聲明寫在網頁的最上邊。<! doctype html>
3.網頁出現亂碼的解決辦法：
<meta charset="utf-8" />---設置網頁的元數據，比如網頁字符集
--自結束標簽

4.內容標題標簽 ---語義化標簽
<h1>一級標題</h1>
<h2>一級標題</h2>
<h3>一級標題</h3>
<h4>一級標題</h4>
<h5>一級標題</h5>
<h6>一級標題</h6>

5.<p></p>
p標簽中的文字，默認會獨占一行，段與段之間有間距
在html中，字符之間再多的空格，瀏覽器也會當做一個空格，換行也會當做一個
<br />表示一個換行，br標簽是自結束標簽
<hr />表示水平線，也是一個自結束標簽

6.實體：
在html中，> <特殊字符不能直接使用。特殊符號是實體，轉義字符
$實體的名字;
< ---- $lt;

--- $gt;
空格----- $nbsp;
版權符號--------- $copy;

7.圖片標簽：

img標簽引入外部圖片
img標簽也是自結束標簽
src : 設置一個外部圖片的路徑
alt ：設置在圖片不能顯示時的描述
搜索引擎根據alt來識別不同的圖片

width:寬度 單位為px
height：高度
一般開發中，除了自適應頁面，不建議設置width和height
<img src="文件名" alt="這是一只大松鼠"/>
相對路徑：相對於當前資源所在目錄的位置

../表示返回當前文件夾的目錄
../../返回幾個目錄就寫幾個../

8.圖片的格式：
JPEG（JPG） ：支持的顏色比較多，圖片可以壓縮，但是不支持透明,
一般使用JPEG來保持照片等顏色豐富的圖片
GIF:支持的顏色少，只支持簡單的透明，支持動態圖，
圖片顏色單一或者動態圖時可以使用

PNG：支持顏色多，並且支持復雜的透明，可以用來顯示顏色復雜的透明圖片

圖片使用原則：
效果不一致，使用效果好的
效果一致，使用小的

9.meta 標簽還可以設置網頁的關鍵字

name 中的內容是對content值的描述
<meta name="keywords" content="HTML5" />

meta 可以用來做請求的重定向
<meta http-equiv="refresh" content="5:url="http://www.baidu.com"" />

10.html的語法規範：
1.html中不區分大小寫，一般是小寫
2.html中的註釋不能嵌套使用
3.html中標簽必須結構完整，要麽成對出現，要麽自結束

11.超鏈接 a標簽
href :指向跳轉的目標地址，可以寫一個相對路徑，或者完整的地址

<a href="http://www.baidu.com"></a>
a標簽中的target屬性可以用來指定打開鏈接的位置
可選值：
_self:默認值
_blank：在一個新的窗口中打開我們的鏈接
可以設置為一個內聯框架的name屬性值，鏈接將在指定的內聯框架中打開

<center></center>標簽中的內容表示居住的標簽
如果將鏈接地址設置為#，點擊鏈接後自動跳轉到頂部位置
html中有一個屬性，每個元素都能設置，該屬性可以作為標簽的唯一標示。id
id屬性在同一個頁面中只能有一個，不能重復。 #+id屬性值
<a href="#button"></a>

發送電子郵件的超鏈接，點擊鏈接後默認打開計算機中的點擊郵件客戶端鏈接
href="mailto:郵件地址"

html的基礎知識