溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html的計算機(jī)元素有哪些及怎么用

發(fā)布時間：2022-03-05 16:05:33 來源：億速云 閱讀：127 作者：iii 欄目：web開發(fā)

本篇內(nèi)容介紹了“html的計算機(jī)元素有哪些及怎么用”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

html的計算機(jī)元素有哪些及怎么用

HTML <kbd>元素

<kbd>元素是用于表示用戶輸入，鍵盤輸入，語音命令等，它經(jīng)常被用于和計算機(jī)相關(guān)的文檔和手冊中。被包含在<kbd> ..... </ kbd>標(biāo)簽內(nèi)的文本通常是以瀏覽器的默認(rèn)等寬字體顯示。下面我們來看看示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

    <h3>kbd標(biāo)簽元素</h3>

    <p> <kbd>這就是在kbd元素中寫入的內(nèi)容的樣子。</kbd></p><br>

    

    <h5>kbd標(biāo)簽元素經(jīng)常被用于和計算機(jī)相關(guān)的文檔和手冊中</h5>

    <p>鍵入 <kbd>quit</kbd> 來退出程序，或者鍵入 <kbd>menu</kbd> 來返回主菜單。</p>

</body>

</html>

效果圖：

html的計算機(jī)元素有哪些及怎么用

HTML <samp>元素

<samp>元素是用于表示程序的輸出（一段用戶應(yīng)該對其沒有什么其他解釋的文本字符）。被包含在<samp>元素中編寫的文本通常是以瀏覽器的默認(rèn)等寬字體顯示。下面我們來看看示例：

1

2

<h3>samp標(biāo)簽元素</h3> 

<p> <kbd>這就是在samp標(biāo)簽元素中寫入的內(nèi)容的樣子。</kbd></p>

效果圖：

html的計算機(jī)元素有哪些及怎么用

HTML <code>元素

<code>元素是用于表示一些編程代碼（計算機(jī)源代碼或者其他機(jī)器可以閱讀的文本內(nèi)容），它是為軟件代碼的編寫者設(shè)計的；被包含在<code>元素中編寫的文本將用等寬、類似電傳打字機(jī)樣式的字體（Courier）顯示出來。下面我們來看看示例：

1

2

3

4

5

6

7

<h3>計算機(jī)代碼</h3> 

<p>這是一個編程代碼：</p> 

<code> 

x = 5;<br> 

y = 6;<br> 

z = x + y; 

</code>

效果圖：

html的計算機(jī)元素有哪些及怎么用

HTML <pre> 元素

<pre> 元素可定義預(yù)格式化的文本，可用來表示計算機(jī)的源代碼。被包含在<pre>元素中的文本會嚴(yán)格限制為等寬字體格式。下面我們來看看示例：

1

2

3

4

5

6

7

8

9

10

11

<pre>

&lt;!DOCTYPE html&gt; 

&lt;html&gt;

&lt;head&gt;

  &lt;meta charset=&quot;utf-8&quot;&gt;

&lt;/head&gt;

&lt;body&gt;

  &lt;p&gt;pre標(biāo)簽元素&lt;/p&gt;

&lt;/body&gt;

&lt;/html&gt;

</pre>

在上面的代碼中，<pre> 標(biāo)簽中的特殊符號被轉(zhuǎn)換為符號實體，比如 "&lt;" 代表 "<"，"&gt;" 代表 ">"。下面我們來看看效果：

html的計算機(jī)元素有哪些及怎么用

說明：雖然<code>元素和<pre> 元素都是可以以等寬字體格式顯示編程代碼，但它們之間還是有差異的：

<code>元素內(nèi)的文本顯示不保留多余的空格和折行；但在 pre 元素中的文本通常會保留空格和換行符。

我們來看看區(qū)別效果：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<p>code標(biāo)簽</p>

<code>

var student = {

    學(xué)號："01"

    姓名:"小華"

}

</code>

<p>pre標(biāo)簽</p>

<pre>

var student = {

    學(xué)號："02"

    姓名:"小明"

}

</pre>

效果圖：

html的計算機(jī)元素有哪些及怎么用

HTML <var>元素

<var>元素用于定義變量。變量可以是數(shù)學(xué)表達(dá)式中的變量，也可以是編程上下文中的變量。下面我們來看看示例：

1

2

<h3>var元素</h3> 

<p>這是一個著名的公式： <var>E</var> = <var>mc</var><sup>2</sup>.</p>

效果圖：

html的計算機(jī)元素有哪些及怎么用

“html的計算機(jī)元素有哪些及怎么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手