Computer: Makeuper: HTML: Headings

From TestingMediawiki
Jump to navigation Jump to search

連結

Computer:Makeuper:HTML

標題

標題可以用來標示文件結構,這裡也不用多說,直接給大家看範例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" 
   content="text/html; charset=big5" />
  <title>好孩子的 HTML 教室</title>
</head>
<body>
<h1>好孩子的 HTML 教室</h1>
<h2>前言</h2>
<h2>認識 HTML 標籤</h2>
<h3>基礎 HTML</h3>
<h3>進階 HTML</h3>
<h2>其他注意事項</h2>
</body>
</html>

從前一課貼上來骨架之後,我們改了 title 標籤裡的文字,然後在 body.../body 之間填入文章的架構。h1 是最大的標題,是整篇文件的主題;h2 是第二級的標題,也就是說,第一章是〈前言〉、第二章是〈認識 HTML 標籤〉……等等;h3 是第三級的標題。

如此應該就很清楚了吧?

至於用法,就如前面範例所寫,把標題文字包在 h 標籤裡面就好。

額外小知識

  • 有許多網誌等等會用到 h1 和 h2 等等,這方面要看個別情形而定。不過也有很多人寫網誌是不用標題的,畢竟每篇都只是簡短的小文章而已,沒必要硬是要劃分章節。