Web前端基礎(一) HTML簡介

2022-06-13 08:15:12 字數 1602 閱讀 6364

超文字標記語言(英語:hypertext markup language,簡稱:html)是一種用於建立網頁的標準標記語言。

html文件的字尾名:.html和.htm,這兩種字尾名沒有區別,都可以使用。

我的第乙個段落。

html 標記標籤通常被稱為 html 標籤 (html tag)。

html 標籤通常是成對出現的,比如

標籤對中的第乙個標籤是開始標籤,第二個標籤是結束標籤

開始和結束標籤也被稱為開放標籤和閉合標籤

示例:《標籤》內容"html 標籤" 和 "html 元素" 通常都是描述同樣的意思.

但是嚴格來講, 乙個 html 元素包含了開始標籤與結束標籤,如下例項:

html 元素:

這是乙個段落。

web瀏覽器(如谷歌瀏覽器,internet explorer,firefox,safari)是用於讀取html檔案,並將其作為網頁顯示。

瀏覽器並不是直接顯示的html標籤,但可以使用標籤來決定如何展現html頁面的內容給使用者:

下面是乙個視覺化的html頁面結構:

注意:只有 區域 (白色部分) 才會在瀏覽器中顯示。

從初期的網路誕生後,已經出現了許多html版本:

版本發布時間

html

1991

html+

1993

html 2.0

1995

html 3.2

1997

html 4.01

1999

xhtml 1.0

2000

html5

2012

xhtml5

2013

宣告有助於瀏覽器中正確顯示網頁。

網路上有很多不同的檔案,如果能夠正確宣告html的版本,瀏覽器就能正確顯示網頁內容。

doctype 宣告是不區分大小寫的,以下方式均可:

檢視完整網頁宣告型別 doctype 參考手冊。

目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字元宣告為 utf-8 或 gbk。

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>頁面標題

title

>

head

>

<

body

>

<

h1>我的第乙個標題

h1>

<

p>我的第乙個段落。

p>

body

>

html

>

web前端之HTML簡介

html 是用來描述網頁的一種語言。html 指的是超文字標記語言 hypertextmarkuplanguage html 不是一種程式語言,而是一種標記語言 markup language 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁 html 標記標籤通常被稱...

寒假Web前端學習 HTML基礎一

博主寒假自學web前端的筆記,寫這個也是想看看自己的學習進度,順便督促以下自己。有一說一,中國大學mooc是真的好用,感興趣的都可以去看看,好的大學沒有圍牆。一.html基礎 命令 文件型別 符合html5標準 en lang 屬性 搜尋引擎 en 英文zh 中文瀏覽器 utf 8 國際編碼。所有語...

web前端基礎之 HTML

web前端標準 行業詞條 internet 網際網路 www 全球資訊網world wide web url 統一資源定位器 http 超文字傳輸協議 w3c 全球資訊網聯盟 是乙個組織不是乙個公司 制定網頁標準 多個網頁的集合 網頁 字尾名以.html或者.htm結尾 瀏覽器 五大瀏覽器廠商 ie...