HTML

簡介

HTML代表超文字標記語言。它是一種格式化語言，用於定義網頁的外觀和內容。它允許我們組織網頁上的文字、圖形、音訊和影片。

要點

“超文字”指的是充當連結的文字。
“標記”指的是用於定義文字結構的符號。標記符號告訴瀏覽器如何顯示文字，通常被稱為標籤。
“語言”指的是類似於任何其他語言的語法。

HTML是由蒂姆·伯納斯-李在CERN建立的。

HTML版本

下表顯示了HTML的各個版本

版本	年份
HTML 1.0	1991
HTML 2.0	1995
HTML 3.2	1997
HTML 4.0	1999
XHTML	2000
HTML5	2012

HTML標籤

標籤是命令，它告訴Web瀏覽器如何在網頁上顯示文字、音訊、圖形或影片。

要點

標籤用一對尖括號表示。
它們以小於號(<)開頭，以大於號(>)結尾。
標籤名稱在尖括號之間指定。
大多數標籤通常成對出現：開始標籤和結束標籤。
開始標籤只是將標籤名括在尖括號中，而結束標籤則包含正斜槓(/)。
有些標籤是空的，即它們沒有結束標籤。
標籤不區分大小寫。
開始和結束標籤名稱必須相同。例如<b> hello </i>是無效的，因為兩者不同。
如果您沒有為標籤指定尖括號(<>)，瀏覽器會將標籤名視為普通文字。
標籤也可以具有屬性，以便向瀏覽器提供有關標籤的附加資訊。

基本標籤

下表顯示了定義基本網頁的基本HTML標籤

標籤	描述
<html> </html>	將文件指定為網頁。
<head> </head>	指定有關Web文件的描述性資訊。
<title> </title>	指定網頁的標題。
<body> </body>	指定Web文件的主體。

以下程式碼顯示瞭如何使用基本標籤。

<html>
   <head> Heading goes here…</head>
   <title> Title goes here…</title>
   <body> Body goes here…</body>
</html>

格式化標籤

下表顯示了用於格式化文字的HTML標籤

標籤	描述
<b> </b>	將文字指定為粗體。例如：這是粗體文字
<em> </em>	這是一個短語文字。它指定強調的文字。例如：強調文字
<strong> </strong>	這是一個短語標籤。它指定重要的文字。例如：這是重要文字
<i> </i>	斜體標籤的內容以斜體顯示。例如：斜體文字
<sub> </sub>	指定下標文字。例如：X₁
<sup> </sup>	定義上標文字。例如：X²
<ins> </ins>	指定插入的文字。例如：鋼筆的價格現在是2015。
<del> </del>	指定刪除的文字。例如：鋼筆的價格現在是2015。
<mark> </mark>	指定標記的文字。例如：正在下雨

表格標籤

下表描述了常用的表格標籤

標籤	描述
<table> </table>	指定一個表格。
<tr> </tr>	指定表格中的一行。
<th> </th>	指定表格中的表頭單元格。
<td> </td>	指定表格單元格中的資料。
<caption> </caption>	指定表格標題。
<colgroup> </colgroup>	指定表格中的一組列以進行格式化。

列表標籤

下表描述了常用的列表標籤

標籤	描述
<ul> </ul>	指定一個無序列表。
<ol> </ol>	指定一個有序列表。
<li> </li>	指定一個列表項。
<dl> </dl>	指定一個描述列表。
<dt> </dt>	指定描述列表中的術語。
<dd> </dd>	指定描述列表中術語的描述。

框架

框架幫助我們將瀏覽器視窗分成多個矩形區域。每個區域包含單獨的HTML網頁，並且它們各自獨立工作。

整個瀏覽器中的一組框架稱為框架集。它告訴瀏覽器如何將瀏覽器視窗分成框架以及每個框架要載入的網頁。

下表描述了用於建立框架的各種標籤

標籤	描述
<frameset> </frameset>	它是<body>標籤的替代。它不包含通常在<body>元素中使用的標籤；而是包含用於新增每個框架的<frame>元素。
<frame> </frame>	指定網頁中不同框架的內容。
<base> </base>	用於在任何包含連結的頁面中設定預設目標框架，其內容顯示在另一個框架中。

表單

表單用於輸入值。這些值被髮送到伺服器進行處理。表單使用輸入元素，例如文字欄位、複選框、單選按鈕、列表、提交按鈕等來輸入資料。

下表描述了建立表單時常用的標籤

標籤	描述
<form> </form>	用於建立HTML表單。
<input> </input>	指定輸入欄位。
<textarea> </textarea>	指定一個文字區域控制元件，允許輸入多行文字。
<label> </label>	指定輸入元素的標籤。

列印頁面

廣告