html入門(mén)了解

<!--屬性名不需要加雙引號(hào),屬性值必須加雙引號(hào)-->
<!DOCTYPE html><!--文檔聲明-代表使用h5的規(guī)范,必須寫(xiě)在第一行,不區(qū)分大小寫(xiě)-->
<html lang="en,zh">
<head>
    <meta charset="utf-8"> 編碼字符集是utf-8,一般都用這個(gè),這樣頁(yè)面顯示的文字就不會(huì)亂碼,國(guó)際通用
    <meta content="網(wǎng)頁(yè)關(guān)鍵字" nam="keywords">
    <meta content="網(wǎng)站描述信息" nam="description">
    <title>淘寶網(wǎng)-淘 我喜歡!</title> 這是網(wǎng)頁(yè)標(biāo)題,比如淘寶網(wǎng)頁(yè)的標(biāo)題
    <style type="text/css">
      //寫(xiě)頁(yè)面布局
    </style>
</head>

<body>
//各種標(biāo)簽可以嵌套使用
    <p>段落標(biāo)簽</p>
    <h1>標(biāo)題標(biāo)簽,有六種,逐次減小,獨(dú)占一行,加粗字體</h1>
    <strong>標(biāo)簽內(nèi)內(nèi)容加粗展示</strong>
    <em>斜體</em>
    <del>原價(jià)¥50 就是帶刪除線的</del>
    <address>地址,獨(dú)占一行,斜體</address>
    <div>重點(diǎn):綁定化操作類(lèi)似一個(gè)容器,將頁(yè)面元素包裝成一塊一塊的,方便維護(hù),
    讓頁(yè)面更加結(jié)構(gòu)化,有相同屬性的話,直接操作div就不用一個(gè)一個(gè)去設(shè)置</div>
    <span><span>
</body>
</html> 
  1. html根標(biāo)簽,所有html的內(nèi)容必須寫(xiě)在html標(biāo)簽內(nèi),代表是一個(gè)頁(yè)面
    lang="en"告訴搜索引擎爬蟲(chóng),我們的網(wǎng)站是關(guān)于什么內(nèi)容的 ,en是中文,zh是中文,這個(gè)屬性跟網(wǎng)頁(yè)排序有關(guān):
    一種是競(jìng)價(jià)排名,就是花錢(qián)排到前面(小公司一般花不起)
    一種是搜索引擎爬蟲(chóng),當(dāng)你符合他的行為習(xí)慣就有可能排到前面(meta標(biāo)簽內(nèi)元素)
  2. head 是頁(yè)面的頭部,一般是對(duì)這個(gè)html的一些特性設(shè)置,比如網(wǎng)頁(yè)標(biāo)題、頁(yè)面樣式這些、編碼格式等 例如上面代碼
  3. body頁(yè)面具體內(nèi)容,一個(gè)網(wǎng)頁(yè)所有的組成元素都寫(xiě)在這里面,是靜態(tài)的,就像是一間房子里,家具啥的都擺成一堆,要想好看,就得給房子進(jìn)行裝修,家具都買(mǎi)好后,在head中用style標(biāo)簽寫(xiě)上布局樣式,就能把房子裝修好看,還能有動(dòng)態(tài)效果
最后編輯于
?著作權(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、XML、XHTML 有什么區(qū)別 1.HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言,指的是超文本標(biāo)記語(yǔ)言 (Hype...
    饑人谷_牛牛閱讀 829評(píng)論 0 2
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見(jiàn)標(biāo)簽 標(biāo)簽寫(xiě)法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,214評(píng)論 2 21
  • HTML基礎(chǔ) 開(kāi)始 上周我已經(jīng)學(xué)習(xí)了一些開(kāi)發(fā)工具(Sublim Text、vscode),我學(xué)會(huì)了如何一些基礎(chǔ)設(shè)置...
    H少白閱讀 761評(píng)論 0 4
  • 一 他跪倒在她身旁的雪地里,她的眼睛緩緩睜開(kāi)。“瓊恩·雪諾,”她氣若游絲地說(shuō),似乎肺部受了傷?!斑@兒是不是真正的城...
    言射手閱讀 593評(píng)論 0 3
  • 今年是我的2017年,前幾年我的生命中只有一個(gè)關(guān)鍵詞,寶貝。今年我成為了自己生命的主角。經(jīng)歷辭職結(jié)婚生子之后再次踏...
    明媚悅讀閱讀 213評(píng)論 0 0

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