HTML區塊

HTML <div> 和<span>

HTML 可以透過 <div> 和 <span>將元素組合起來。

HTML 區塊元素

大多數 HTML 元素被定義為區塊級元素或內嵌元素。

區塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)。

實例: <h1>, <p>, <ul>, <table>

HTML 內嵌元素

內聯元素在顯示時通常不會以新行開始。

實例: <b>, <td>, <a>, <img>

HTML <div> 元素

#HTML <div> 元素是區塊級元素,它可用來組合其他HTML 元素的容器。

<div> 元素沒有特定的意義。除此之外,由於它屬於區塊級元素,瀏覽器會在其前後顯示折行。

如果與 CSS 一同使用,<div> 元素可用來為大的內容區塊設定樣式屬性。

<div> 元素的另一個常見的用途是文件佈局。它取代了使用表格定義佈局的老式方法。使用 <table> 元素進行文件佈局不是表格的正確用法。 <table> 元素的作用是顯示表格化的資料。

HTML <span> 與元素

#HTML <span> 元素是內嵌元素,可用作文字的容器

<span> 元素也沒有特定的意義。

與 CSS 一同使用時,<span> 元素可用於為部分文字設定樣式屬性。

<!DOCTYPE html>   
<html> 
<head>
<meta charset="utf-8">
<style>
</style>
</head>  
<body>   
  <div>
     <p>标题</p>
  <span>
  内容
  </span>
  </div>
</body>   
</html>


#
繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> </style> </head> <body> <div> <p>标题</p> <span> 内容 </span> </div> </body> </html>