1、html結構
<!DOCTYPEhtml>
<htmllang="en">
<head>
<meta charset="UTF-8">
<title>html結構</title>
</head>
<body>
“主體結構”
</body>
</html>
<!DOCTYPE html> 告訴瀏覽器當前文檔類型（html）
<html></html> 根標籤
<head></head> 定義了頭部
<title></title> 網頁的名稱（標題）
<body></body> 網頁主體（網頁中看到的所有信息都放在body標籤中）
2、html標籤關係分類
HTML標籤是分等級的，HTML將所有的標籤分爲兩種：容器級、文本級.
容器級的標籤:裏面可以放置任何東西。
文本級的標籤裏面:只能放置文字、圖片、表單元素。
文本級標籤：p、a
容器級標籤:h
嵌套標籤（父子關係）
<head>
<title></title>
</head>
並列關係
<head></head>
<body></body>
3、html標籤分類
雙標籤（有開始，有結束）
<head></head>
單標籤:只有開始標籤，沒有結束標籤
4、單標籤
a．文本註釋標籤：
<!--- 文本註釋內容 --->(快捷鍵: Ctrl+/)
b．橫線標籤
<hr />
c．換行標籤
<br />
5、雙標籤
a．標題標籤
<hn></hn> n:1-6
取值越大，字體越小。切記：沒有h7以後的標籤
b．段落標籤
<p></p>
c．字體標籤
<fontcolor="red" size="30px"></font>
d．文字加粗
<strong></strong>
<b></b>
e．文字斜體顯示
<em></em>
<i></i>
f．下劃線
<ins>下劃線</ins>
<u></u>
g．刪除線
<del>原價880</del>
<s></s>
6、圖片標籤
<img src="" alt=""title="" width="" height="">
src 圖片的名稱/圖片的路徑
alt 圖片無法正常加載的時候，對圖片的說明
title 當鼠標放到圖片上顯示的文字
width 設置寬度
height 設置高度
7、超鏈接
<a href="http://www.baidu.com">百度</a> 實現網頁之間的跳轉
鼠標放到超鏈接上顯示的文字：
<a href="http://www.baidu.com" title="這是百度">百度</a>
錨鏈接：
a．在頁面中寫一個超鏈接
<a href="#shaw">找百度去</a>
b．給任何一個標籤id取值和a標籤中的 href取值一樣
<p id="shaw">我是百度</p>
總結：實現在本頁面中跳轉
target='_blank' 在新窗口中打開頁面
優化寫法：
<basetarget="_blank"> #這麼寫
</head>
<body>
<ahref="http://www.baidu.com">百度</a>
</body>
</html>
8、特殊符號
大於號 > >
小於號 < <
空格
9、列表
a．無序列表
<ul>
<li></li> 列表項
</ul>
例如：type默認爲實心圓
<ul>
<li>shaw</li>
<li>sam</li>
<li>stiven</li>
</ul>
Type屬性：circle 空心圓
Type屬性：square 實心正方形
b．有序列表
<ol>
<li></li> 列表項
</ol>
例如：type默認爲數字
把大象放冰箱，需要幾步
<ol>
<li>打開冰箱門</li>
<li>把大象放進去</li>
<li>關上冰箱門</li>
</ol>
Type屬性：type="I" 條狀I II III
Type屬性：type="1 | A | a | I"等
Type屬性：type="a" start="2"表示序列類型爲小寫字母，排序從第二個開始
c．自定義列表
<dl>
<dt></dt> 標題
<dd></dd> 用法和li一樣
</dl>