Html筆記1_最基本的標(biāo)簽

Html是一種超文本標(biāo)簽語(yǔ)言,他并不是一種編程語(yǔ)言.

最基本的標(biāo)簽

我們使用編輯器創(chuàng)建html文件的時(shí)候通常都會(huì)給我們寫(xiě)好一些代碼.

基本標(biāo)簽

上圖中是html文件的基本標(biāo)簽,也就是說(shuō)所有使用html便簽寫(xiě)出的網(wǎng)頁(yè),如果一層一層的剝?nèi)?最后就只會(huì)剩下這樣幾個(gè)標(biāo)簽.

  • <!DOCTYPE html>
    我們從文字的意思上就可以看出來(lái),這是聲明文件的類型是html文件,也就是說(shuō)我們創(chuàng)建編輯的是html文件,這就跟txt,doc等文件一樣. 聲明必須是 HTML 文檔的第一行,<!DOCTYPE> 聲明不是 HTML 標(biāo)簽,它是指示 web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令.<!DOCTYPE html>只有在H5中這樣書(shū)寫(xiě),在其他版本的html中有不同的寫(xiě)法.

  • <html></html>
    這一組便簽就是說(shuō)我們要在這里面編寫(xiě)html的文本.它告知瀏覽器其自身是一個(gè) HTML 文檔。<html> 與 </html> 標(biāo)簽限定了文檔的開(kāi)始點(diǎn)和結(jié)束點(diǎn),在它們之間是文檔的頭部和主體.

  • <head></head>
    <head> 標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器.<head> 中的元素可以引用腳本,指示瀏覽器在哪里找到樣式表、提供元信息等等.應(yīng)該把 <head> 標(biāo)簽放在文檔的開(kāi)始處,緊跟在 <html> 后面,并處于 <body> 標(biāo)簽或 <frameset> 標(biāo)簽之前。

百度源碼中的head

上圖是百度網(wǎng)頁(yè)源碼中的head.

在head中通常會(huì)使用<title></title>標(biāo)簽來(lái)標(biāo)志頁(yè)面的標(biāo)題,可以添加網(wǎng)站的關(guān)鍵詞描述,已增加站點(diǎn)被搜索到的概率.

<meta>標(biāo)簽是一個(gè)自結(jié)束標(biāo)簽.其中有http-equiv為key,content為value的鍵值對(duì).http-equiv通常為content-type,而content指定文本的屬性為text/html,編碼方式charset,通常為gbk或者utf-8.

  • <body></body>
    文本的主要內(nèi)容就是在這里面編寫(xiě),顧名思義就是主體,也就是主要的部分. 它包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等。)

常用文本標(biāo)簽

  • <div></div>
    這一對(duì)標(biāo)簽包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等)瀏覽器通常會(huì)在 div 元素前后放置一個(gè)換行符.

  • <h1></h1>
    這對(duì)標(biāo)簽可定義標(biāo)題,<h1> 定義最大的標(biāo)題,<h6> 定義最小的標(biāo)題.字體以此減小.

  • <p></p>
    這對(duì)標(biāo)簽表示了一段的結(jié)束,在該標(biāo)簽結(jié)束之后會(huì)自動(dòng)換行.

  • hr/
    這是一個(gè)自結(jié)束標(biāo)簽,表示分割線

  • <ol></ol>
    表示html的有序列表,默認(rèn)是以數(shù)字開(kāi)頭的.其中的每一項(xiàng)使用<li></li>來(lái)描述.

  • <ul></ul>
    與有序列表對(duì)應(yīng)的是無(wú)序列表,使用<ul>描述.列表中的每一項(xiàng)依然使用<li>來(lái)描述.

  • br/
    表示換行,與p標(biāo)簽不同的是該標(biāo)簽換行之后的行間距較小.

  • <dl></dl>
    這對(duì)標(biāo)簽用于主體和主體的描述.其中包括<dt></dt>表示被描述的主體,而<dd></dd>表示對(duì)主體的描述.

  • <a></a>
    用于描述超鏈接,其中的href屬性可以指定鏈接的地址.target屬性表示如何打開(kāi)鏈接.target屬性通常用的值為_(kāi)self,_blank,_top,_parent.

  • <img>
    描述圖片, src的表示資源的路徑. alt可以再圖片資源失敗的時(shí)候描述圖片.

文本的修飾

<strong> 可以加粗字體
<i>和<em>可以將字體變?yōu)樾斌w
表示下標(biāo)
表示上標(biāo)

一些字符

表示空格
? 企業(yè)標(biāo)識(shí)符

大于號(hào)
< 小于號(hào);
" 引號(hào)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說(shuō)明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,530評(píng)論 1 41
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋。注釋內(nèi)容不會(huì)被瀏覽器顯示。為代碼編寫(xiě)注釋的好處是...
    才気莮孒閱讀 4,241評(píng)論 1 25
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評(píng)論 19 139
  • 正欲飲酒三千錢,故人身前一聲喊。 揮袖一別桃花庵,斷劍絕決十年寒。 蕭蕭班馬與君去,自茲揮手向田間。 春去秋來(lái)麥壟...
    不在東墻丶閱讀 373評(píng)論 0 1
  • 文/徐荷驪 餓, 想起今早乘地鐵被擠掉一半的雞肉卷, 更餓, 于是我要寫(xiě)一首詩(shī)來(lái)填肚子, 不, 一首不夠, 我就分...
    到馬路對(duì)面去閱讀 326評(píng)論 0 3

友情鏈接更多精彩內(nèi)容