HTML元素及結(jié)構(gòu)

HTML 元素指的是從開(kāi)始標(biāo)簽到結(jié)束標(biāo)簽的所有代碼。

HTML 元素由三部分組成,以開(kāi)始標(biāo)簽起始,以結(jié)束標(biāo)簽,中間夾著內(nèi)容。

沒(méi)有內(nèi)容的元素,稱(chēng)為空元素,空元素以開(kāi)始標(biāo)簽的結(jié)束而結(jié)束,比如<br>,<img>。

<head> 元素是所有頭部元素的容器。<head> 內(nèi)的元素可包含腳本,指示瀏覽器在何處可以找到樣式表,提供元信息,等等。

以下標(biāo)簽都可以添加到 head 部分:<title>、<base>、<link>、<meta>、<script> 以及 <style>。

title 元素定義瀏覽器工具欄中的標(biāo)題,在所有 HTML/XHTML 文檔中都是必需的。

<body>元素的內(nèi)容就是在瀏覽器窗口看到的內(nèi)容。

塊級(jí)元素自立門(mén)戶(hù),前后都有換行。內(nèi)聯(lián)元素隨大流,沒(méi)有換行。

<h1>-<h6>,<ul>,<ol>,<dl>,<table>,<blockquote>,<div>等是塊元素

<em>,<br>,<img>,<q>,<span>等內(nèi)聯(lián)元素。<a>可以是塊元素也可以是內(nèi)聯(lián)元素

<q>和<blockquote>

兩個(gè)元素都告訴瀏覽器,元素內(nèi)的內(nèi)容是引文,內(nèi)容不用加引號(hào)。

<q>是內(nèi)聯(lián)元素,用在比較短的引文內(nèi)容上。

<blockquote>是塊元素,引用長(zhǎng)點(diǎn)的引文上。一般都會(huì)縮進(jìn)。<p>可以放在<blockquote>中。

為什么要用<q>和<blockquote>標(biāo)簽,不用引號(hào)表示引文?

很多時(shí)候,兩種方式給用戶(hù)呈現(xiàn)的效果是一樣的。

瀏覽器把用引號(hào)里的內(nèi)容當(dāng)作普通的文本,但是用<q>和<blockquote>標(biāo)簽表示的內(nèi)容,瀏覽器就知道它是引文,不是普通文本,這讓文檔更有結(jié)構(gòu)性。而且也方便對(duì)引文樣式的設(shè)置。

列表

<ol>,<ul>元素內(nèi)除了放<li>元素,不能放其他元素。<li>元素可以放<ul>或<ol>元素.

<dl>列表

最后編輯于
?著作權(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文檔由html元素進(jìn)行定義,從開(kāi)始標(biāo)簽到結(jié)束標(biāo)簽的所有代碼都屬于html元素 一、單個(gè)元素實(shí)例 開(kāi)始標(biāo)簽元...
    快樂(lè)逍遙游閱讀 625評(píng)論 0 0
  • 2017-08-30摘抄自W3school-HTML元素希望幫助自己系統(tǒng)地打好基礎(chǔ),也能在做筆記的同時(shí)添加一些自己...
    moralok閱讀 179評(píng)論 0 1
  • 現(xiàn)在我們來(lái)學(xué)習(xí)HTML元素。HTML 文檔是由HTML元素定義的。 什么是HTML元素 HTML元素指的是從開(kāi)始標(biāo)...
    yuwei66閱讀 273評(píng)論 0 2
  • HTML 文檔由 HTML 元素定義。 HTML 元素 開(kāi)始標(biāo)簽常被稱(chēng)為起始標(biāo)簽(opening tag),結(jié)束標(biāo)...
    逝者如斯zy閱讀 319評(píng)論 0 1
  • R摘抄原文 避免演講五宗罪 要點(diǎn)不清、聽(tīng)眾沒(méi)有獲益、條理不清、細(xì)節(jié)太多、篇幅太長(zhǎng) 聽(tīng)眾不需要知道一切。 說(shuō)服就是從...
    SuperBuddy閱讀 323評(píng)論 0 1

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