資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML計算機程式碼元素
為了在網頁上顯示計算機程式碼，HTML中提供了一些元素。讓我們一一來看這些元素：
- <kbd>
- <pre>
- <code>
- <var>
- <samp>
HTML中的<kbd>元素
<kbd>標籤用於定義鍵盤輸入。當您希望使用者在鍵盤上輸入內容時使用它，例如，複製的快捷鍵Ctrl+C，退出Esc鍵等。
現在讓我們來看一個實現<kbd>標籤的例子：
示例
<!DOCTYPE html> <html> <body> <h2>Shortcut Keys</h2> <p>Use the following shortcut keys −</p> <p><strong>Cut</strong> − <kbd>CTRL</kbd>+<KBD>X</kbd></p> <p><strong>Copy</strong> − <kbd>CTRL</kbd>+<KBD>C</kbd></p> <p><strong>Paste</strong> − <kbd>CTRL</kbd>+<KBD>V</kbd></p> <p><strong>Undo</strong> − <kbd>CTRL</kbd>+<KBD>Z</kbd></p> </body> </html>
輸出
HTML中的<pre>元素
HTML中的<pre>標籤用於設定預格式化的文字。其中的文字保留空格和換行符，即文字在網頁上的顯示與在HTML程式碼中新增的文字相同。現在讓我們來看一個實現<pre>標籤的例子：
示例
<!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <pre> This is a demo text and will appear in the same format as it is visible here. The pre tag displays the text in a fixed-width font. It preserves both spaces and line breaks as you can see here. </pre> </body> </html>
輸出
HTML中的<code>元素
<code>標籤用於在HTML文件中格式化程式碼。例如，如果您想編寫Java程式碼並正確格式化它，則在HTML中使用<code>元素。現在讓我們來看一個在HTML中實現<code>元素的例子：
示例
<!DOCTYPE html> <html> <body> <h1>Header Files</h1> <h2>C++</h2> <code> #include <iostream> </code> <h2>C</h2> <code> #include <stdio> </code> </body> </html>
輸出
HTML中的<var>元素
<var>元素在HTML中用於顯示用於計算的數學表示式。
現在讓我們來看一個在HTML中實現<var>標籤的例子：
示例
<!DOCTYPE html> <html> <body> <h2>Mathematical Equation</h2> Sample equation − <var>2x</var> - <var>2z</var> = <var>3y</var> + 9 </body> </html>
輸出
HTML中的<samp>元素
<samp>標籤在HTML中是一個類似於<em>、<code>、<strong>等的短語標籤，用於在HTML文件中格式化文字。
現在讓我們來看一個實現<samp>元素的例子：
示例
<!DOCTYPE html> <html> <body> <h2>Exam Results</h2> <p><s>Result would be announced on 6th June.</s></p> <samp>New date for results are 7th June.</samp> </body> </html>
輸出
更新於：2019年7月30日
319 次瀏覽
廣告