在HTML中建立斜體文字
在HTML中,可以使用<i>標籤將文字表示為斜體。位於<i>標籤開始和結束標籤之間的文字將以斜體格式顯示。<i>標籤被稱為慣用文字元素。
語法
下面顯示了<i>標籤在HTML中的用法:
<html> <body> <p> Hello Welcome to <i>My World</i></p> </body> </html>
在上述語法中,<i>標籤開始和結束標籤之間的句子將以斜體格式顯示。
Hello Welcome to My World.
如果我們想表示與周圍環境不同的語言的短語,我們可以在<i>標籤內使用lang屬性。<i>標籤不用於樣式設定。我們可以使用CSS的font-style屬性將文字設定為斜體。
示例
讓我們來看一個HTML中<i>標籤的示例:
<!DOCTYPE html>
<html>
<head>
<style>
i {
font-style: italic;
}
</style>
</head>
<body>
<p>The Italic element is displayed like this:</p>
<i>Welcome to My World</i>
<p>If you want to see the effects, Change the default CSS settings .</p>
</body>
</html>
示例
以下另一個示例演示了在head部分中使用<i>標籤:
<!DOCTYPE html>
<html>
<head>
<h1>TutorialsPoint WebSite</h1>
<h2>
<i> www.tutorialspoint.com</i>
</h2>
</head>
<body>
<p>The Italic element is displayed in the Head section of HTML document</p>
</body>
</html>
<em>標籤
為了在HTML中強調文字內容,我們使用<em>標籤。它與<italic>標籤相同。位於<em>標籤開始和結束標籤之間的文字將以斜體形式顯示。
斜體<i>標籤和強調<em>標籤的主要區別在於,強調標籤在語義上強調部分單詞,而<i>標籤則顯示斜體文字,表示不同的語氣。<em>標籤的效果可以透過使用CSS屬性來實現。
語法
以下是CSS中<em>標籤的用法:
em {
font-style: italic;
}
<em>標籤支援全域性屬性和事件屬性。
<em>元素位於<body>標籤內。
它用於將文字與其餘內容隔開。
我們也可以透過應用CSS來更改<em>標籤的行為。
<em>屬性不儲存值。
所有瀏覽器都支援<em>標籤。
現在讓我們來看一個程式,演示如何在HTML中使用強調和斜體標籤:
示例
在這個例子中,我們嘗試一起使用<em>和<i>標籤:
<!DOCTYPE html>
<html>
<head>
<style>
em {
font-style: italic;
background-color: yellow;
text-emphasis-color: green;
text-emphasis-style: "*";
}
i {
font-style: italic;
background-color: pink;
}
</style>
</head>
<body>
<p>An Emphasized element and italic text can be displayed like this:</p>
<em>HTML Tutorial</em>
<br>
<br>
<i>Best Tutorial WebSite</i>
<p>To see the effects, Change the default CSS settings .</p>
</body>
</html>
廣告
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP