HTML概述:HTML 的全名是“超文字標記語言”(HyperText Markup Language),它是網頁使用的語言,定義了網頁的結構和內容。瀏覽器訪問網站,其實就是從伺服器下載 HTML 程式碼,然後渲染出網頁。

1。HTML之父

李爵士(Tim Berners-Lee)

李爵士發明了WWW、HTML、HTTP和URL。

李爵士是全球資訊網的開創者,他寫了世界上第一個網頁瀏覽器(WorldWideWeb)和第一個網頁伺服器(

httpd

),同時也建立了世界上第一個網站“http://info。cern。ch/”,該網站於1991年8月6日執行,它解釋了全球資訊網是什麼,並教會我們該如何使用網頁瀏覽器和如何建立一個網頁伺服器。

2。HTML起手式

快捷鍵:感嘆號 ! + Tab鍵

<!DOCTYPE html>

//文件型別為HTML

<

html

lang

=

“zh-CN”

>

//網頁語言為簡體中文

<

head

>

<

meta

charset

=

“UTF-8”

/>

//字元編碼為UTF-8

<

meta

name

=

“viewport”

content

=

“width=device-width, initial-scale=1。0”

/>

//禁止縮放,相容手機

<

title

>

我的網頁

title

>

//網頁標題

head

>

<

body

>

Hello World! //網頁內容

body

>

html

>

3。章節標籤

表示文章/書的層級

標題 h1~h6

:h1~h6標題級數依次遞減,h1級別為最高

章節 section

章節元素表示一個包含在HTML文件中的獨立部分,一般來說會有包含一個標題。與

比較而言,

更適用於組織頁面使其按功能(比如迷你地圖、一組文章標題和摘要)分塊。一般的最佳用法是:以標題作為開頭;也可以把一篇

分成若干部分並分別置於不同的

中,也可以把一個區段

分成若干部分並分別置於不同的

中,取決於上下文。

段落 p:

元素表示文字的一個段落,也被稱為HTML段落元素,該元素通常表現為一整塊與相鄰文字分離的文字,或以垂直的空白隔離或以首行縮排。此外,

是塊級元素(塊級元素中可以包含塊級元素和行內元素,總是從新的一行開始,高度、寬度都是可控的,寬度在沒有設定時,預設為100%)。

article 文章:

文章元素表示文件、頁面、應用或網站中的獨立結構,其意在成為可獨立分配的或可複用的結構,如在釋出中,它可能是論壇帖子、雜誌或新聞文章、部落格、使用者提交的評論、互動式元件,或者其他獨立的內容專案。

​​

header 頭部:

頭部元素用於展示介紹性內容,通常包含一組介紹性的或是輔助導航的實用元素。它可能包含一些標題元素,但也可能包含其他元素,比如 Logo、搜尋框、作者名稱等等。

footer 腳部 :

定義了頁尾,通常包含版權或法律宣告,有時還包含一些連結。在部分的情況下,頁尾可能包含切片內容的釋出日期,許可證資訊等