Inhaltsverzeichnis
kbd标签元素
kbd标签元素经常被用于和计算机相关的文档和手册中
samp标签元素
计算机代码
var元素
Heim Web-Frontend HTML-Tutorial Was sind die Computercodeelemente von HTML?

Was sind die Computercodeelemente von HTML?

Dec 19, 2018 am 11:52 AM
html

在HTML中,对用户输入,代码,程序等会使用不同的标签来显示,这些计算机代码元素分别为:元素、元素、元素、<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">元素、&lt;var&gt;元素;这些计算机代码元素支持固定的字母尺寸和间距。本篇文章就给大家介绍一下HTML的计算机代码元素,希望对你们有所帮助。&lt;/var&gt;</pre><div class="contentsignin">Nach dem Login kopieren</div></div>

Was sind die Computercodeelemente von HTML?

HTML 元素

元素是用于表示用户输入,键盘输入,语音命令等,它经常被用于和计算机相关的文档和手册中。被包含在 ..... kbd>标签内的文本通常是以浏览器的默认等宽字体显示。下面我们来看看示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
    <h2 id="kbd标签元素">kbd标签元素</h2>
    <p> <kbd>这就是在kbd元素中写入的内容的样子。</kbd></p><br>
    
    <h4 id="kbd标签元素经常被用于和计算机相关的文档和手册中">kbd标签元素经常被用于和计算机相关的文档和手册中</h4>
    <p>键入 <kbd>quit</kbd> 来退出程序,或者键入 <kbd>menu</kbd> 来返回主菜单。</p>
</body>
</html>
Nach dem Login kopieren

效果图:

Was sind die Computercodeelemente von HTML?

HTML 元素

元素是用于表示程序的输出(一段用户应该对其没有什么其他解释的文本字符)。被包含在元素中编写的文本通常是以浏览器的默认等宽字体显示。下面我们来看看示例:

<h2 id="samp标签元素">samp标签元素</h2>  
<p> <kbd>这就是在samp标签元素中写入的内容的样子。</kbd></p>
Nach dem Login kopieren

效果图:

Was sind die Computercodeelemente von HTML?

HTML 元素

元素是用于表示一些编程代码(计算机源代码或者其他机器可以阅读的文本内容),它是为软件代码的编写者设计的;被包含在元素中编写的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来。下面我们来看看示例:

<h2 id="计算机代码">计算机代码</h2>  
<p>这是一个编程代码:</p>  
<code>  
x = 5;<br>  
y = 6;<br>  
z = x + y;  
</code>
Nach dem Login kopieren

效果图:

Was sind die Computercodeelemente von HTML?

HTML

 元素</span></strong></p><p><pre class="brush:php;toolbar:false"> 元素可定义预格式化的文本,可用来表示计算机的源代码。被包含在<pre class="brush:php;toolbar:false">元素中的文本会严格限制为等宽字体格式。下面我们来看看示例:</p><pre class='brush:php;toolbar:false;'><pre class="brush:php;toolbar:false">
<!DOCTYPE html>  
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <p>pre标签元素</p>
</body>
</html>
Nach dem Login kopieren

在上面的代码中,

 标签中的特殊符号被转换为符号实体,比如 "<" 代表 "<",">" 代表 ">"。下面我们来看看效果:</p><p style="text-align: center;"><img src="/static/imghw/default1.png"  data-src="https://img.php.cn//upload/image/554/268/746/1545189772817296.jpg"  class="lazy" title="1545189772817296.jpg" alt="Was sind die Computercodeelemente von HTML?"/></p><p><span   style="max-width:90%">说明:</span>虽然<code>元素和<pre class="brush:php;toolbar:false"> 元素都是可以以等宽字体格式显示编程代码,但它们之间还是有差异的:</p><p><code>元素内的文本显示不保留多余的空格和折行;但在 pre 元素中的文本通常会保留空格和换行符。</p><p>我们来看看区别效果:</p><pre class='brush:php;toolbar:false;'><p>code标签</p>
<code>
var student = {
    学号:"01"
    姓名:"小华"
}
</code>
<p>pre标签</p>
<pre class="brush:php;toolbar:false">
var student = {
    学号:"02"
    姓名:"小明"
}
Nach dem Login kopieren

效果图:

Was sind die Computercodeelemente von HTML?

HTML 元素

元素用于定义变量。变量可以是数学表达式中的变量,也可以是编程上下文中的变量。下面我们来看看示例:

<h2 id="var元素">var元素</h2>  
<p>这是一个著名的公式: <var>E</var> = <var>mc</var><sup>2</sup>.</p>
Nach dem Login kopieren

效果图:

Was sind die Computercodeelemente von HTML?

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

Das obige ist der detaillierte Inhalt vonWas sind die Computercodeelemente von HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles