程式語言教學誌 FB, YouTube: PYDOING: HTML 4.01 快速導覽

為行內元素 (inline element) ，作為文字的強調之用。

起始標籤	結束標籤
需要	需要

舉例如下

<html>
<head>
<title>網頁標題</title>
</head>
<body>
不使用 &lt;em&gt; 的文字
<br / ><br / >
<em>使用 &lt;em&gt; 的文字</em>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：textexample03.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

利用瀏覽器 (broswer) 開啟，結果如下

我們可以看到使用 標籤 (tag) 圍起來的文字會變成斜體 (italics) ，這是強調表示的預設方法。事實上， HTML 有另一個專門將文字顯示成斜體的標籤 。

下面的 textexample04.html 可以看出 與 顯示出的結果其實是一樣的

<html>
<head>
<title>網頁標題</title>
</head>
<body>
<em>使用 &lt;em&gt; 的文字</em>
<br / ><br / >
<i>使用 &lt;i&gt; 的文字</i>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名：textexample04.html
     功能：示範 HTML 4.01 標記語言的使用 
     作者：張凱慶
     時間：西元 2011 年 5 月 -->

結果如下

為什麼 與 的樣式一樣，卻要有兩個標籤呢？

原因很簡單， 從文件結構標記出那一部份的文字是被強調的，而 僅僅將文字標記為斜體，這是說 表示文件的邏輯狀態 (local state) ，而 表示文件的本體狀態 (physical state) 。

邏輯狀態將內容分割出 HTML 文件，從文件結構就得知文字內容的重要性質，本體狀態就只單單屬於樣式 (style) ，這方面同樣可由樣式表 (style sheet) 來完成。