一、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.特殊字元設定
特殊字元 &nbsp; （空格）寫完特殊字元後要添加 分号;表示結束
格式：<: &lt;
>: &gt;
&: &amp;
": & quot;
空格: &nbsp; 快捷鍵：Ctrl+Shift+空格鍵
版權圖示 : &copy;
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>可以嵌套，縮排多次
![web前端布局練手項目[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)