一、HTML的基本結構
<html> 根控制標記
<head> 頭控制標記
<title>標題</title> 標題標記
</head> 頭控制標記（尾）
<body> 網頁顯示區域
</body> 網頁顯示區域（尾）
</html> 根控制標記（尾）
雙標籤：開頭和結尾成對出現，如<html> </html>
單標籤：斜槓在標籤元素的後面 和元素之間有一個空格，如<hr /><br /><meta />
行內元素，行內標籤：標籤在同一行顯示 不會換行
塊級標籤：每個標籤單獨成一行顯示
二、HTML的控制標記的格式
(1).<標記名稱>單一型,無設置值的。如：<br />
(2).<標記名稱 屬性="屬性值">單一型，有設置值的。如：<hr width="80%">
(3).<標記名稱>…</標記名稱>對稱型，無設置值。如：<title>…</title>
(4).<標記名稱 屬性="屬性值">…</標記名稱>對稱型，有設置值。
如：<body bgcolor="red">…</body>
<palign= "center">…</p>
三、最常用的控制標記
1.標題文字設置
格式：<h1>…</h1> 一級標題 快捷鍵：Ctrl+1 只能出現一次（其他可以出現多次）
<h2>…</h2> 二級標題 快捷鍵：Ctrl+2
<h3>…</h3> 三級標題 快捷鍵：Ctrl+3
<h4>…</h4> 四級標題 快捷鍵：Ctrl+4
<h5>…</h5> 五級標題 快捷鍵：Ctrl+5
<h6>…</h6> 六級標題 快捷鍵：Ctrl+6
一共是6個標題級別，一級標題最大，6級標題最小。默認加粗顯示
屬性名稱 屬性值 說明
align left 靠左對齊
center 居中對齊
right 靠右對齊
justify 兩端對齊
如：設置二級標題爲靠右對齊：<h2 align="right">2級標題</h2>
2.段落<p>
格式：<p align="排列方式">段落內容</p> 快捷鍵：Ctrl+Shift+p
屬性名稱 屬性值 說明
align left 文本左對齊（默認）
center 文本居中對齊
right 文本右對齊
justify 文本兩端對齊
如：設置段落爲居中對齊：<p align="center">段落居中對齊</p>
3.換行<br> 格式：<br /> 無屬性設置 功能：強制換行 快捷鍵：Shift+Enter
4.水平直線<hr>
格式：<hr />
屬性名稱 屬性值 說明
size 像素 規定 hr 元素的高度（厚度）屬性值越大，線越粗
width 像素 絕對設置，長度不會隨着窗口的改變而改變
百分比 相對設置，長度會隨着窗口寬度而改變
noshade noshade 規定 hr 元素的顏色呈現爲實體線
align left hr 元素左對齊（默認）
center hr 元素文本居中對齊
right hr 元素文本右對齊
color 設置水平直線的顏色
如：設置水平直線的寬度爲窗口的60%，對齊爲左對齊，高度爲10，實體線，綠色
<hr width="60%" align="left" size="10" noshade="noshade" color="#009933" />
5.格式：背景色與文字設置
<body bgcolor="背景色" text="文字顏色">
整體頁面的邊距
<body leftmargin="左邊距" rightmargin="右邊距"
topmargin="上邊距" bottommargin="底邊距">
6.文本的顯示格式
格式：<font size="字體大小" face="字體類型" color="字體顏色"></font>
屬性名稱 屬性值 說明
size 1~7 絕對設置，把字號設置爲X
+1~+6 相對設置，把原字號通過+X設置爲新字體
-1~-6 相對設置，把原字號通過-X設置爲新字體
color 設置文本的顏色
face 設置文本的字體
文字默認是3號字，文字大小中1號最小，7號最大
7.特殊字符設置
特殊字符 （空格）寫完特殊字符後要添加 分號;表示結束
格式：<: <
>: >
&: &
": & quot;
空格: 快捷鍵：Ctrl+Shift+空格鍵
版權圖標 : ©
8.HTML 備註(註釋) 格式：<!--註釋內容-->
9.實體字符控制標記
<b>…</b> 粗體
<i>…</i> 斜體
<s>…</s> 刪除線
<u>…</u> 下劃線
<sub>…</sub> 下標
<sup>…</sup> 上標
10.語意字符控制
<address>…</address> 地址
<del>…</del> 刪除（刪除線）
<ins>...</ins> 修改(下劃線)
<strong>…</strong> 加強語氣(加粗) 快捷鍵：Ctrl+b
<em>...</em> 加強語氣(傾斜) 快捷鍵：Ctrl+i
11.格式化
格式：<pre>…</pre>
讓書寫的文字格式化！格式化標籤 保留在html設置的格式 識別手動的空格和換行 很少使用
12.<blockquote>縮排標籤</blockquote>可以嵌套，縮排多次