HTML5基礎 網頁的基本標籤

2021-10-06 23:34:36 字數 4091 閱讀 3253

world wide web consortium(全球資訊網聯盟)

成立於2023年,web技術領域最權威和具影響力的國際中立性技術標準機構

w3c標準包括

結構化標準語言(xhtml、xml)

表現標準語言(css)

行為標準(dom、ecmascript )

<

!--這是頭部檔案--

>

我的第乙個網頁<

/title>

<

/head>

<

!--這是主體--

>

我的第乙個網頁

<

/body>

<

/html>

注意:< body >、< /body>等成對的標籤,分別叫開放標籤和閉合標籤

單獨呈現的標籤(空元素),如;意為用 / 來關閉空元素

doctype宣告

<

!doctype html>

告訴瀏覽器使用什麼規範

<

!doctype html>

<

!--告訴瀏覽器使用什麼規範--

>

"en"

>

"utf-8"

/>

我的第乙個網頁<

/title>

<

/head>

我的第乙個網頁

<

/body>

<

/html>

< meta >標籤

"utf-8"

/>

<

!--網頁字元編碼--

>

<

!--推薦utf-

8,還可設定為gb2312--

>

注意:gb2312包含全部中文字元

utf-8則包含全世界所有國家需要用到的字元

頁面編碼應與頁面檔案儲存時的編碼一致

標題標籤

一級標題<

/h1>

二級標題<

/h2>

**標題<

/h3>

四級標題<

/h4>

五級標題<

/h5>

六級標題<

/h6>

段落標籤

<

/p>

//段落標籤

北京歡迎你<

/h1>

北京歡迎你,有夢想誰都了不起!<

/p>

有勇氣就會有奇蹟。<

/p>

換行標籤

>

//換行標籤

北京歡迎你<

/h1>

北京歡迎你,有夢想誰都了不起!

>

有勇氣就會有奇蹟。

>

北京歡迎你,為你開天闢地

>

<

/p>

水平線標籤

北京歡迎你<

/h1>

>

//水平線標籤

北京歡迎你,有夢想誰都了不起!

>

有勇氣就會有奇蹟。

>

北京歡迎你,為你開天闢地

>

<

/p>

字型樣式標籤

加粗:…<

/strong>

斜體:…<

/em>

徐志摩人物簡介<

/strong>

1910

<

/em>年入杭州學堂

>

1918

<

/em>年赴美國克拉大學學習銀行學

>

<

/p>

注釋和特殊符號

空格                

大於號(

>

)>

小於號(

<

)<

引號(")

"

常見的影象格式

語法

"path" alt=

"text" title=

"text" width=

"x" height=

"y"/

>

src=

"path"

<

!--影象位址--

>

alt=

"text"

<

!-- 當影象路徑錯誤,影象無法正常顯示時所替代的文字--

>

title=

"text"

<

!-- 滑鼠懸停提示文字--

>

width=

"x"<

!-- 影象寬度--

>

height=

"y"/

>

<

!-- 影象高度--

>

"path" target=

"目標視窗位置"

>鏈結文字或影象<

/a>

href=

"path"

<

!--鏈結路徑--

>

target=

"目標視窗位置"

>

<

!--鏈結在哪個視窗開啟 常用值:_self、_blank--

>

_blank:在新視窗中開啟;

_self:預設。在相同的框架中開啟;

文字超連結

"detail.html"  target=

"_blank"

>姑娘,歡迎降落在這殘酷的世界<

/a>

影象超連結

"detail.html"  target=

"_blank"

>

"image/img1.png" alt=

"姑娘,歡迎降落在這殘酷的世界"

title=

"姑娘,歡迎降落在這殘酷的世界"

/>

<

/a>

常用的超連結錨鏈結1.從a頁面的甲位置跳轉到本頁中的乙位置

2.從a頁面的甲位置跳轉到b頁面中的乙位置

建立步驟

1.建立跳轉標記

乙位置
2.建立跳轉鏈結

甲位置
功能性鏈結電子郵件

qqmsn

塊元素

無論內容多少,該元素獨佔一行(p、h1-h6…)

行內元素

內容撐開寬度,左右都是行內元素的可以排在一行(a、strong、em…)

HTML 5的基本標籤

在任何的乙個html檔案裡,最先出現的html標籤就是,它用於表示該檔案是以超文字標識語言 html 編寫的。是成對出現的,首標籤和尾標籤分別位於檔案的最前面和最後面,檔案中的所有檔案和html標籤都包含在其中。例如 html 檔案的全部內容 html 該標籤不帶任何屬性。事實上,現在常用的web瀏...

HTML 5基礎標籤

一部分html5的基礎,主要有 1 html5語法中的元素 標籤 屬性 內容的含義及所指的語句 2 標籤的特點 1 標籤是成對出現的,前面的標籤是開始標籤,後面的標籤是結束標籤 閉合標籤 2 結束標籤 閉合標籤 有 3 自閉和標籤 自己沒有內容要展示,通過屬性就可以完成標籤的配置 3 快捷鍵的使用及...

html5標籤基礎

1.宣告 html有多個不同的版本,只有完全明白頁面中使用的確切html版本,瀏覽器才能完全正確的顯示出html頁面,這就是的用處。2.html標題 等標籤進行定義。3.html段落 標籤定義段落 4.html鏈結 標籤定義鏈結 5.html影象 實現上述標籤的例子 html view plain ...