HTML基礎_Day01

HTML基礎

HTML簡介

HTMl是英文Hyper Text Markup Language（超文本标記語言）的縮寫。大部分HTML元素都有一個開始标記和結束标記。

元素/标簽

1.标題

h1-h6

2.段落

3.注釋

4.定義文檔的主體部分

5.添加圖檔

img标簽是單标簽，src屬性指向一個圖檔的位址。alt屬性的文本是當圖檔無法加載時顯示的替代文本。

例子：

6.連結（錨點）

定義超文本連結（Anchor錨點–實作網頁間的跳轉）

href是錨點的另一個屬性：它指定了連結的 URL 位址.

(1)用錨點實作網頁間跳轉

例子：

(2)用錨點實作網頁内部跳轉

設定錨點的href屬性值為井号#加上想跳轉區域對應的id屬性值，這樣就可以建立一個内部跳轉。id是用來描述網頁元素的一個屬性，它的值在整個頁面中唯一。

target是錨點的一個屬性，它指定了會以什麼方式來打開連結，屬性值 "_blank"的意思是連結會在新元素頁打開。

例子：

<a href="#contacts-header">Contacts</a>
……
<h2 id="contacts-header">Contacts</h2>
           

(3)用 # 号來建立固定連結

href屬性的目前值是指向 “http://freecatphotoapp.com”，将href屬性的值替換為#，也稱為井号，就可以建立固定連結。

(4)給圖檔添加連結

用把圖檔img包起來

<a href="#">
<img src="http://cdn.chenzhicheng.com/running-cats.jpg" alt="三隻萌萌的小貓">
</a>
           

如果你堅持看了這兒，謝謝！