1.什麼是HTML

1. HTML 指的是超文字標記語言 (Hyper Text Markup Language)是用來描述網頁的一種語言。
2. HTML 不是一種程式語言，而是一種標記語言 (markup language)

2.為什麼學習HTML以及學什麼

1. 我們學習html 主要學習html標籤
2. 我們用html標籤描述網頁元素。 比如 圖片標籤 、文字標籤、連結標籤等等
3. 標籤有自己的語法規範，所有的html標籤都是用 <> 表示的

非常基礎的知識這裡就不介紹了，直接開門見山，這裡總結的是HTML的常用標籤

HTML標籤有很多，這裡總結最為常用的，後面有些較少用的，我們可以查下手冊就可以了。

3.HTML常用標籤

3.1排版標籤

1、標題標籤（熟記）

標題標籤語義： 作為標題使用，並且依據重要性遞減

基本語法格式：

<h1>   標題文字   </h1>
<h2>   標題文字   </h2>
<h3>   標題文字   </h3>
<h4>   標題文字   </h4>
<h5>   標題文字   </h5>
<h6>   標題文字   </h6>

顯示效果如下：

2、段落標籤平p（熟記）

語義：把 HTML 文件分割為若干段落

<p>  文字內容  </p>

3、水平線標籤hr（認識）

在網頁中常常看到一些水平線將段落與段落之間隔開，使得文件結構清晰，層次分明。這些水平線可以通過插入圖片實現，也可以簡單地通過標籤來完成，<hr />就是建立橫跨網頁水平線的標籤。其基本語法格式如下：

<hr />是單標籤

4、換行標籤br（熟記）

在HTML中，一個段落中的文字會從左到右依次排列，直到瀏覽器視窗的右端，然後自動換行。如果希望某段文字強制換行顯示，就需要使用換行標籤

<br />

 5、div和span標籤（重點）

div span 是沒有語義的 是我們網頁佈局主要的2個盒子

• div標籤 用來佈局的，但是現在一行只能放一個div ，div是塊元素
• span標籤 用來佈局的，一行上可以放好多個span ，span是行內元素

關於塊元素和行內元素在總結完所有標籤之後會有一個總結。、

3.2文字格式化標籤（熟記）

在網頁中，有時需要為文字設定粗體、斜體或下劃線效果，這時就需要用到HTML中的文字格式化標籤，使文字以特殊的方式顯示。

1.加粗

<strong>除了可以加粗還有 強調的意思，  語義更強烈。推薦使用</strong>
<b>只是加粗</b>

2.斜體

<em>推薦使用</em>
<i></i>

3.加刪除線

<del>推薦使用</del>
<s></s>

4.加下劃線

<ins></ins>
<u></u>

3.3 影像標籤img（重點）

要想在網頁中顯示影像就需要使用影像標籤，接下來將詳細介紹影像標籤<img />以及和他相關的屬性。（它是一個單身狗）

語法如下：

<img src="影像URL"/>
<!--src屬性用於指定影像檔案的路徑和檔名，他是img標籤的必需屬性。-->

<img />標籤屬性

屬性	屬性值	描述
src	URL	影像的路徑
alt	文字	影像不能顯示時的替換文字
title	文字	滑鼠懸停時顯示的內容
width	畫素	設定影像的寬度
height	畫素	設定影像的高度
border	數字	設定影像邊框的寬度

注意：

1. 標籤可以擁有多個屬性，必須寫在開始標籤中，位於標籤名後面。

2. 屬性之間不分先後順序，標籤名與屬性、屬性與屬性之間均以空格分開。

3. 採取 鍵值對 的格式 key="value" 的格式

3.4 連結標籤(重點)

在HTML中建立超連結非常簡單，只需用標籤把文字包括起來就好。

語法格式：

<a href="跳轉目標" target="目標視窗的彈出方式">文字或影像</a>

href ：用於指定連結目標的url地址，（必須屬性）當為標籤應用href屬性時，它就具有了超連結的功能

target ：用於指定連結頁面的開啟方式，其取值有self和blank兩種，其中_self為預設值，__blank為在新視窗中開啟方式。