發(fā)布時間:2019-06-14
HTML5基礎(chǔ)入門

HTML是TypeTextMarkup Language(超文本標(biāo)記語言)的縮寫。

 

一.HTML的標(biāo)記類型

 

1.容器標(biāo)記(Container Tags)

 

         容器標(biāo)記是成對的開始標(biāo)記(StartTag)與結(jié)束標(biāo)記(End Tag)。終止標(biāo)記前加“/”。

 

         例如:

我的網(wǎng)頁

注釋:此標(biāo)記的功能是將文字顯示在瀏覽器的標(biāo)題欄中。(當(dāng)瀏覽者將網(wǎng)頁加入“收藏夾”是,看到的標(biāo)題就是

的文字)

 

2.單一標(biāo)記(Single Tags)

 

單一標(biāo)記就是沒有結(jié)束標(biāo)記。這些標(biāo)記加上結(jié)束標(biāo)記是沒有意義的,這是可以寫成


 

 

         如:


標(biāo)記的功能是添加分割線;功能是插入圖片。

 

 

二.HTML的組成

 

         一個最簡單的HTML網(wǎng)頁有

標(biāo)記標(biāo)識出網(wǎng)頁的開始和結(jié)束,網(wǎng)頁中分為“頭(head)”和“主體(body)”兩部分。

 

        

標(biāo)記:這里通常放置網(wǎng)頁 的相關(guān)信息,如

,,這些信息通常不會直接顯示在網(wǎng)頁上。

 

        

<>body>標(biāo)記:這里放置網(wǎng)頁內(nèi)容,會直接顯示在網(wǎng)頁上。

 

三.標(biāo)記屬性應(yīng)用

 

         有些標(biāo)記可以加上屬性(Attributes)來改變其在網(wǎng)頁上顯示的方式,屬性直接放置在開始標(biāo)簽內(nèi)。

 

         如:

有l(wèi)ang屬性,lang屬性用來指定網(wǎng)頁語言。

 

         用法: 

 

         表示網(wǎng)頁語言設(shè)置為中文。

 

         如果超過一個屬性,則以空格隔開不同屬性。

 

         如:

 

         用來描述網(wǎng)頁,有利于搜索引擎快速找到網(wǎng)站并正確分類。

 

四.化的語義標(biāo)記

 

HTML4中-使用

標(biāo)記指定id屬性名稱,再加上CSS語法達(dá)到想要的效果。

 

 

        

的id屬性是自由命名的。HTML5統(tǒng)一了網(wǎng)頁架構(gòu)的標(biāo)記,去掉了多余的div,用一些易識別的語義標(biāo)簽來代替。

 

 

        

 

標(biāo)記

說明

 

 

顯示網(wǎng)站名稱、主題或主要信息

 

 

網(wǎng)站的鏈接菜單

 

 

用于側(cè)邊欄

 

 

定義主內(nèi)容區(qū)

 

 

用于章節(jié)或段落

 

 

位于頁腳,用來放置版權(quán)聲明、作者等信息

 

 

TML5的DOCTYPE聲明如下:

 

 

 

語言的聲明方式為:在

與中間加入:

 

 

 

表示文件內(nèi)容使用簡體中文。

 

網(wǎng)頁編碼聲明入如下:

 

 

 

表示使用GB2312編碼。

智庫推薦

探索、思考、創(chuàng)造、分享。
我們從未?止步于專業(yè),期望為客戶提供更更前沿、更更有價值的服務(wù)。

更多智庫 +
我們能給的
遠(yuǎn)比您想的更多
提供您的電話號碼,格加項目顧問將致電聯(lián)系您。
等待時間:5分鐘以內(nèi)
400-138-6990