第一章：HTML5的基礎

標籤：符號   水平線   大於符號   特殊   ref   常見   img   基本   內建   

HTML5基礎

 1.DoctYpe聲明

　　<!DCTYPE html>必須放在第一行。

<title>

　　<title> 百度</title>

<meta>

　　<meta charset="UTF-8"/>

<h1></h1>------<h6></h6>

　　提供了六級標籤，所有標題字型加粗。<h1>最大<h6>最小

<p></p>

　　表示一段文字或者內容。<p>我愛你我愛你</p>

2.單標籤

<br/>

　　表示強制換行表示，該符比較特殊，沒有結束標籤，直接使用。

<hr/>

　　表示一條水平線，該符和<br/>一樣，沒有結束標籤，直接使用。

3.字型樣式標籤

　　<strong></strong>

               讓字型加粗

　　<em></em>

               讓文字傾斜。

4.注釋和特殊符號

　　文法<!--注釋內容-->

　　特殊符號 字型實體 

　　空格：       &nbsp

　　大於符號>： &gt

　　小於符號< ：&lt

　　引號“ ：&quat

　　著作權符號@ ：&copy

　　常見的映像格式：JPG Gif BMP PNG

5.映像標籤的基本

　　文法：

　　<img src="圖片地址" alt="映像的代替文字" title="滑鼠移至上方時顯示的文字" width="圖片寬度"hight="圖片高度"/>

6.超連結的標籤

　　文法：

　　<a href="連結地址" target="目標視窗位置">連結文本或映像</a>

　　href:表示連結地址的路徑

　　target:連結在哪個視窗開啟，常用的取值有——self（自身視窗）、——blank（建立視窗）

　　超連結可以是文本超連結，也可以是映像超連結。

7.超連結的應用：

　　1.頁面連結

　　　　從一個頁面連結到另一個頁面。

　　2.錨連結

　　　　從A頁面甲跳轉到本頁乙。

　　文法：

　　　　<a name="marker">目標已</a>

　　3.功能性連結

　　　　功能性連結比較特殊，當點選連結不是開啟某個頁面，而是啟動本機內建的某個應用程式。如常見的電子郵箱 QQ MSN等串連電子郵件的用法是"mailto:電子郵件"

8.行內元素和塊元素

　　塊元素的特徵：無論內容多少，該元素獨佔一行。

　　行元素的特徵：內容撐開寬度，左右都是行內元素的可以排在一行 。

第一章：HTML5的基礎