1. HTML 可以通過(guò)<div>和<span>將元素組合起來(lái)

1.1 HTML 區(qū)塊元素

大多數(shù) HTML 元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素。
塊級(jí)元素在瀏覽器顯示時(shí)，通常會(huì)以新行來(lái)開(kāi)始（和結(jié)束）。
實(shí)例: <h1>, <p>,<ul>, <table>

1.2 HTML 內(nèi)聯(lián)元素

內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開(kāi)始。
實(shí)例: <b>, <td>, <a>, <img>

2. <div> 元素

• <div> 元素是塊級(jí)元素，它可用于組合其他 HTML 元素的容器。
• <div> 元素沒(méi)有特定的含義。除此之外，由于它屬于塊級(jí)元素，瀏覽器會(huì)在其前后顯示折行。
• 如果與 CSS 一同使用，<div>元素可用于對(duì)大的內(nèi)容塊設(shè)置樣式屬性。
• <div> 元素可用作文檔布局。它取代了使用表格定義布局的老式方法。使用<table>元素進(jìn)行文檔布局不是表格的正確用法。<table>元素的作用是顯示表格化的數(shù)據(jù)。

eg.

<p>這是一些文本。</p> <div style="color:#0000FF"><h3>這是一個(gè)在 div 元素中的標(biāo)題。</h3><p>這是一個(gè)在 div 元素中的文本。</p> </div> <p>這是一些文本。</p>

3. <span>元素

<span>元素是內(nèi)聯(lián)元素，可用作文本的容器

• 沒(méi)有特定的含義。當(dāng)與 CSS 一同使用時(shí)， 元素可用于為部分文本設(shè)置樣式屬性.
  eg.

<p>我的母親有 <span style="color:blue;font-weight:bold">藍(lán)色</span> 的眼睛，我的父親有 <span style="color:darkolivegreen;font-weight:bold">碧綠色</span> 的眼睛。</p>

總結(jié)

以上是生活随笔為你收集整理的Html 教程 （10）分组标签div 和span的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。