HTML基礎

HTML簡介

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

元素/標簽

1.標題

h1-h6

<h1>……</h1>

2.段落

<p>……</p>

3.注釋

html<!--注釋-->

4.定義文檔的主體部分

<main></main>

5.添加圖片

img標簽是單標簽，src屬性指向一個圖片的地址。alt屬性的文本是當圖片無法加載時顯示的替代文本。
例子：

<img src="https://www.your-image-source.com/your-image.jpg" alt="作者站在沙灘上豎起兩個大拇指">

6.鏈接（錨點）

定義超文本鏈接（Anchor錨點–實現網頁間的跳轉）

<a></a>

href是錨點的另一個屬性：它指定了鏈接的 URL 地址.
(1)用錨點實現網頁間跳轉
例子：

<a href="https://freecodecamp.one">傳送至freecodecamp.one</a>

(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>

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

總結

以上是生活随笔為你收集整理的HTML基础_Day01的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。