如何使用 HTML 建立書目？

書目是關於某一主題的書面資訊來源列表。我們在 HTML 中使用 <cite> 標籤來建立書目部分。<cite> 標籤指定對某一主題的論述。<cite> 標籤還用於新增歌曲、油畫、電影等的標題。它表示引文，標籤內的任何內容均代表作品標題。

<cite> 標籤之間的文字以斜體格式呈現。

我們使用 <ol> 標籤列出專案，使用 <cite> 標籤新增主題的標題。

語法

以下是 <cite> 標籤的語法。

<cite> Work title</cite>

示例 1

下面給出了 <cite> 標籤示例。

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ol type="1">
      <cite>Tutorialspoint Employees</cite>
      <li style="padding-left:30px ">Abdul</li>
      <li style="padding-left:30px ">Jason</li>
      <li style="padding-left:30px ">Yadav</li>
   </ol>
   <ol type="1">
      <cite>Tutorix Employees</cite>
      <li style="padding-left:30px ">Sai Teja</li>
      <li style="padding-left:30px ">Akshaj</li>
      <li style="padding-left:30px ">Tharun</li>
   </ol>
</body>
</html>

以下是以上示例程式的輸出。

示例 2

使用 HTML 向文件中新增書目的另一個示例如下 −

<!DOCTYPE html>
<html>
<head>
   <title>Bibliography</title>
</head>
<body>
   <h1>Bibliography</h1>
   <ol>
      <li>
         <p>E.Balagurusamy, <cite>Programming with JAVA: A Primer</cite>, 3rd edition, (2007)</p>
      </li>
      <li>
         <p>Reto Meier, <cite>Professional Android 4 Application Development</cite>, 3rd edition, (2012)</p>
      </li>
   </ol>
</body>
</html>

更新時間：2022 年 10 月 18 日

3K+ 瀏覽量

開啟你的職業生涯

完成課程，獲得認證

開始
廣告