常用標簽
<!DOCTYPE>標簽
<!DOCTYPE> 聲明位於文檔中的最前面的位置，處於 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。
作用：聲明文檔的解析類型(document.compatMode)，避免瀏覽器的怪異模式。
document.compatMode：
- BackCompat：怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面。
- CSS1Compat：標准模式，瀏覽器使用W3C的標准解析渲染頁面。
這個屬性會被瀏覽器識別並使用，但是如果你的頁面沒有DOCTYPE的聲明，那么compatMode默認就是BackCompat
<head>內常用標簽
<meta>標簽
meta介紹
<meta>元素可提供有關頁面的元信息（meta-information），針對搜索引擎和更新頻度的描述和關鍵詞。
<meta>標簽位於文檔的頭部，不包含任何內容。
<meta>提供的信息是用戶不可見的
meta標簽的組成：meta標簽共有兩個屬性，它們分別是http-equiv屬性和name 屬性，不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。
(1)name屬性: 主要用於描述網頁，與之對應的屬性值為content，content中的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<meta name="keywords" content="meta總結,html meta,meta屬性,meta跳轉"> <meta name="description" content="老男孩培訓機構是由一個很老的男孩創建的">
(2)http-equiv屬性：相當於http的文件頭作用，它可以向瀏覽器傳回一些有用的信息，以幫助正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個參數的變量值。
<meta http-equiv="Refresh" content="2;URL=https://www.oldboy.com"> //(注意后面的引號，分別在秒數的前面和網址的后面) <meta http-equiv="content-Type" charset=UTF8"> <meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />
非meta標簽
<title>oldboy</title>
<link rel="icon" href="http://www.jd.com/favicon.ico">
<link rel="stylesheet" href="css.css">
<script src="hello.js"></script>
<body>內常用標簽
基本標簽（塊級標簽和內聯標簽）
''' <hn>: n的取值范圍是1~6; 從大到小. 用來表示標題. <p>: 段落標簽. 包裹的內容被換行.並且也上下內容之間有一行空白. <b> <strong>: 加粗標簽. <strike>: 為文字加上一條中線. <em>: 文字變成斜體. <sup>和<sub>: 上角標 和 下角表. <br>:換行. <hr>:水平線 特殊字符： < >；"；©® '''
<div>和<span>
<div></div> ： <div>只是一個塊級元素，並無實際的意義。主要通過CSS樣式為其賦予不同的表現.
<span></span>： <span>表示了內聯行(行內元素),並無實際的意義,主要通過CSS樣式為其賦予不同的表現.
塊級元素與行內元素的區別
所謂塊元素，是以另起一行開始渲染的元素，行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素，不會對頁面產生任何的影響。
這兩個元素是專門為定義CSS樣式而生的。
我是div內的p
我是h1標題
我是p，我用的div的背景顏色
圖形標簽: <img>
''' src: 要顯示圖片的路徑. alt: 圖片沒有加載成功時的提示. title: 鼠標懸浮時的提示信息. width: 圖片的寬 height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放.) '''
超鏈接標簽(錨標簽): <a> </a>
''' <a href="" target="_blank" >click</a> href屬性指定目標網頁地址。該地址可以有幾種類型： 絕對 URL - 指向另一個站點（比如 href="http://www.jd.com） 相對 URL - 指當前站點中確切的路徑（href="index.htm"） 錨 URL - 指向頁面中的錨（href="#top"） '''
列表標簽
''' <ul>: 無序列表 [type屬性：disc(實心圓點)(默認)、circle(空心圓圈)、square(實心方塊)] <ol>: 有序列表 <li>:列表中的每一項. <dl> 定義列表 <dt> 列表標題 <dd> 列表項 '''
表格標簽: <table>
<table>
<tr>
<td>標題</td>
<td>標題</td>
</tr>
<tr>
<td>內容</td>
<td>內容</td>
</tr>
</table>
屬性：
''' <tr>: table row <th>: table head cell <td>: table data cell 屬性: border: 表格邊框. cellpadding: 內邊距 cellspacing: 外邊距. width: 像素 百分比.（最好通過css來設置長寬） rowspan: 單元格豎跨多少行 colspan: 單元格橫跨多少列（即合並單元格） '''
基本標簽練習
<!DOCTYPE html> <!--<!DOCTYPE html>聲明，用於告訴瀏覽器用什么標准進行解析--> <html lang="en"> <head> <meta name="testforlichuan" content="李川html，html測試" charset="UTF-8"> <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> <!-- 在2s后跳轉到百度--> <title>李川的測試網頁</title> <link rel="stylesheet" href="www.baidu.com"> </head> <body> <div style="background-color: aqua"> <p style="background-color: green">我是p</p> <h1>我是h1標題</h1> <p>我是p，我用的div的背景顏色</p> </div> <div> 從我之后是第二個div <p style="background-color: aquamarine">我是第二個p</p> <h2>我是h2標題</h2> <h3>我是h2標題</h3> <h4>我是h2標題</h4> <h5>我是h2標題</h5> <h6 style="background-color: green">我是h2標題</h6> </div> <div> 我是第三個div <h2>鋤禾</h2> <p>鋤禾日當午</p> <p style="background-color: green">汗滴禾下土</p> <p>誰知盤中餐</p> <p>粒粒皆辛苦</p> <a href="other.html" style="background-color: aqua">我是a標簽,我跳轉到另一個標簽</a> </div> <div> 我是第四個div用一個br進行換行 <br> <b>我是b我顯示粗體</b><br> <strong>我是stong,我也顯示粗體</strong><br> <strike>我是strike，我加個中線</strike><br> <em>em顯示斜體</em><br> 3<sub>2</sub> 3<sup>2</sup> <hr> </div> <span style="font-weight: 100;font-size: 30px;background-color: green"> 我是span dddd </span> </body> </html>