- <! Doctype html>聲明文檔類型
- <html lang="en"> 向搜索引擎表示該頁面是html語言，并且語言為英文網站，其"lang"的意思就是“language”，語言的意思，而“en”即表示english。
這個主要是給搜索引擎看的，搜索引擎不會去判斷該站點是中文站還是英文站，所以這句話就是讓搜索引擎知道，你的站點是中文站，對html頁面本身不會有影響
常用標記
- <hr />是單標記，在網頁中輸入一個<hr />，就添加了一條默認樣式的水平線。
- 換行標記<br />
- 段落標記<p>
- <hn>標題文本</hn>(h1~h6h1在一個頁面只能出現一次)
- <font>文本內容</font> 用來控制網頁中文本的字體、字號和顏色
在網頁中.
文本格式化標記
有時需要為文字設置粗體、斜體或下劃線效果，這時就需要用到HTML中的文本格式化標記，如下
image.png
超鏈接
- 在HTML中創建超鏈接非常簡單，只需用<a></a>標記環繞需要被鏈接的對象即可
<a href="跳轉目標" target="目標窗口的彈出方式">文本或圖像</a>- href：用于指定鏈接目標的url地址，當為<a>標記應用href屬性時，它就具有了超鏈接的功能。
- target：用于指定鏈接頁面的打開方式，其取值有_self和_blank兩種，其中_self為默認值，_blank為在新窗口中打開方式。
- <base /> 可以設置整體鏈接的打開狀態
暫時沒有確定鏈接目標時，通常將<a>標記的href屬性值定義為“#”(即href="#")，表示該鏈接暫時為一個空鏈接
錨點鏈接
先定義一個錨點image.png
超鏈接到錨點image.png
通過創建錨點鏈接，用戶能夠快速定位到目標內容。
創建錨點鏈接分為兩步：使用“<a href=”#id名“>鏈接文本</a>”創建鏈接文本。使用相應的id名標注跳轉目標的位置。
圖像標記
image.png
該語法中src屬性用于指定圖像文件的路徑和文件名，他是img標記的必需屬性。
image.png圖片沒有定義寬高的時候，圖片按照百分之百比例顯示，如果只更改圖片的寬度或者高度，圖片等比例縮放。
圖像文件和html文件位于同一文件夾：只需輸入圖像文件的名稱即可
image.png
圖像文件位于html文件的下一級文件夾：輸入文件夾名和文件名，之間用“/”隔開，如
image.png
圖像文件位于html文件的上一級文件夾：在文件名之前加入“../” ，如果是上兩級，則需要使用 “../ ../”，以此類推，如
image.png
特殊字符標記
image.png
無序列表
無序列表的各個列表項之間沒有順序級別之分，是并列的。其基本語法格式如下，<ul></ul>標記用于定義無序列表，<li></li>標記嵌套在<ul></ul>標記中，用于描述具體的列表項，每對<ul></ul>中至少應包含一對<li></li>
image.png
- 無序列表中type屬性的常用值有三個，它們呈現的效果不同.
默認值:disc
方塊:square
空心圓:circle
有序列表
image.png
<ol></ol>標記用于定義有序列表，<li></li>為具體的列表項，和無序列表類似，每對<ol></ol>中也至少應包含一對<li></li>
<ol type=a start=2>
<li></li>
</ol>
type=用于編號的數字,字母等的類型，如type=a，則編號用英文字母。 start是編號開始的數字，如start=2則編號從2開始，如果從1開始可以省略。使用這些屬性，把它們放在<ol>或<li>的的初始標簽中。
type類型.png
一般type的設置同樣在css中設置
自定義列表
<dl>
<dt></dt> 小標題
<dd></dd> 解釋標題
<dd></dd> 解釋標題
</dl>
音樂標簽
音樂標簽.png
滾動效果
滾動效果.png
