HTML：檔案標籤（一）
1 檔案標籤
<html>標籤： 代表當前書寫的是一個HTML文件
<head>標籤： 1. 儲存的本頁面的一些重要資訊， 它不會顯示
2. 有一個子標籤<title>， 它是用於定義頁面的標題的
<body>標籤： 書寫的內容會顯示出來
<body>標籤的屬性
1. text用於設定文字顏色
2. bgcolor 用於設定頁面的背景色
3. background 用於設定頁面的背景圖片
2 排版標籤
<1> HTML註釋
<2> 換行標籤
<br/> 標籤就是一個換行（回車）功能標籤，標籤中的 / 可有可無的
有/是html語言的標準化，但是html語言是一門不那麼嚴謹的語言
<3> 段落標籤
在<p>標籤中的內容，會在開始與結束之間產生一個空白行，並且它會自動換行，
常用屬性align 它的作用是設定段落中的內容對齊方式， 可取值有 left right center
<4> 水平線標籤
<hr>標籤會在頁面上產生一個水平線
對於hr標籤它有常用屬性
- align: 可取值有left right center 代表水平線位置
- size: 代表水平線厚度(粗細)
- width: 代表水平線寬度
- color: 水平線的顏色
單位：size="5"，5是預設的單位，為"畫素"/"畫素點"，畫素就是構成計算機圖片的最小單位！
也可以使用百分比，size="50%"
<5>分割槽標籤
div是一個塊標籤，用來進行佈局的
普通的div並沒有什麼效果，肉眼也看不見，但div與CSS結合，就會更好對頁面進行排版
div與span都是“容器”的作用，具體區別:
- div：會自動換行，我們也叫這樣的標籤為塊級元素
- span：標籤它不會自動換行，我們也叫它為行內元素
- div：整體劃分區塊
- span：區域性劃分
上圖，兩個div的區別是顯而易見的，後面我們再具體學習css語法
3 字型標籤
<font> 標籤可以設定字型，字的大小及顏色，常用屬性：
- face: 用於設定字型，例如 宋體 隸書 楷體
- size: 用於設定字的大小（大小預設設定 1-7， 7 最大， 想更大， 往後學CSS即可）
- color: 用於設定字的顏色
注：
我們所看到的螢幕上所有的顏色都是由紅、綠、藍這三種基色調混合而成的。
每一種顏色的飽和度和透明度都是可以變化的，用0～255的數值來表示。如純紅色表示為（255，0， 0），十六進位制表示為#FF0000。
按這種表達方式，理論上我們可以得到256 * 256 * 256 = 16777216種顏色。
1. 使用十六進位制方式，取值範圍 #000000 ~ #FFFFFF （黑色到白色）。當顏色值為#cc3300 時，可 簡化成 #c30 這種方式
<body bgcolor="#666">
2.RGB顏色表示法：RGB（x,y,z）。x、y、z是0 ～ 255之間的整數。rgb字母大小寫無所謂
<body bgcolor="rgb(11,11,11)">
（線上顏色選擇器： http://www.86y.org/code/colorpicker/color.html ）
百度搜索：字魂網，下載一個免費的字型，並安裝到計算機中。在我們的網頁中顯示出來！
4 標題標記
給一段文字起一個標題
<h1> --- <h6>
h1最大 h6最小，它們代表的是標題，
自動換行，字型加粗，標題與標題之間產生一定的距離
注意:在HTML中允許標籤進行巢狀的，但是一般都包裹巢狀，而不可以進行交叉巢狀
5 格式化標籤
<b>: 字型加粗
<i>: 字型傾斜
<del>: 刪除線
<u>: 下劃線
6 列表標記
ol：有序列表
type='A'：字母排序
type='I'：羅馬排序
start=“3” 序列從幾開始
ul：無序列表
type="disc"：預設，實心圓
type="square"：方塊
type="circle"：空心圓
7 影象標籤
<img>它可以讓我們在網頁引入一張圖片，常用屬性：
1. src 代表的圖片的路徑
2. width 圖片的寬度
3. height 圖片的高度
4. border 用於設定圖片的邊框
5.alt 如果圖片不可以顯示時，預設顯示的文字資訊
6.title滑鼠懸停圖片上，預設顯示的文字資訊
7. align 圖片附件文字的對齊方式，可取值有
left：把影象對齊到左邊
right：把影象對齊到右邊
middle：把影象與中央對齊
top：把影象與頂部對齊
bottom：把影象與底部對齊（預設）
8超連線標籤
超連結內容不僅可以是文字，也可以是圖片等資訊
常用屬性:
1. href 代表的我們要跳轉的路徑
2. target 這個屬性規定在何處開啟這個連結文件，可取值：
_ blank 在新視窗中開啟頁面
_ self 預設。在本視窗開啟頁面
功能性連線：
1.發郵件
<a href="mailto:[email protected]">聯絡站長</a>
2.QQ聊天視窗
<a href="tencent://message/?uin=19998539&Menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=1:615050000:7"/> </a>