Læring af HTML del 12: Brug af Kbd, Samp, Code og Var Elements i HTML

I denne diskussion vil materialet værediskuteret handler om kodeformatering (skrivning af tekniske ting) i HTML, der specifikt diskuterer skrivekommandoer, der er indtastet fra tastaturet med <kbd> -mærket, skrivning af prøvekode til programmet med <samp> -tagget, skrivningskode til HTML med <kode> -tagget og skrivningstekst som indeholder program- eller matematikvariabler med <var> -tagget.

Alle disse tags fungerer bedre iHTML-struktur sammenlignet med displayet. Almindeligvis bruges disse tags til at skrive programkode, der findes på webindhold. For at du bedre kan forstå brugen af disse tags, lad os se på forklaringen nedenfor:

A. Brug af elementet <kbd>

Kbd-elementet står for tastaturet. Hvor <kbd> -mærket bruges til at repræsentere input fra brugeren (i form af tegn fra tastaturet eller fra andre enheder såsom stemmekommandoer).

Tekst eller indhold indeholdt i <kbd> -tagget vises med en monospace-skrifttype. Her er et eksempel på en kode til brug af <kbd> -tagget i HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen kbd di HTML</title>
</head>
<body>
<p>Untuk mematikan proses, tekan <kbd>CTRL+ALT+Delete</kbd></p>
</body>
</html>

Når du har kørt ovenstående kode i en webbrowser, vises den som vist nedenfor:

B. Brug af <samp> -elementet

Samp-elementet er en forkortelse for prøveprogrammetsom inkluderer typen af inline-elementer og følger den eksisterende tekststrøm. Dette tag bruges til at skrive et eksempel output fra et computerprogram. Tekst i <samp> -tagget vises af webbrowsere med monospace-skrifttyper ved at fjerne mere end et mellemrum og ligner <code> -tagget.

Her er et eksempel på en kode til brug af <samp> -tagget i HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen samp di HTML</title>
</head>
<body>
<p>Mengkonversi nilai ASCII ke dalam karakter dengan menggunakan metode <samp>string.fromCharCode()</samp>
</body>
</html>

Når du har kørt ovenstående kode i en webbrowser, vises den som vist nedenfor:

C. Brug af elementet <code>

<code> -tagget bruges til at skrive kodedelencomputer til HTML. Hvor computerkoden inkluderer navnet på XML-elementet, computerprogrammet, navnet på en fil eller andre koder, der genkendes af computeren.

Teksten i <samp> -tagget visesaf webbrowsere med monospace-skrifttyper ved at fjerne mere end et mellemrum. Dette tag er også inkluderet i inline elementtypen og følger den eksisterende tekstflow. I <samp> -tagget er der en klasseattribut, der foreslås brugt til at indikere sproget for den skrevne computerkode. For eksempel ville du skrive CSS-kode, så du skriver "sprog-css" i klassen attribut som <code class = "language-css"> ... </ Kode>.

Her er et eksempel på kode til brug af <code> -tagget i HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Code di HTML</title>
</head>
<body>
<p>CSS Default Setting : <code class="language-css">code{ font-family: monospace; }</code></p>
</body>
</html>

Når du har kørt ovenstående kode i en webbrowser, vises den som vist nedenfor:

D. Brug af <var> -elementet

Varelementet står for Variabel hvilkenbruges til at definere og skrive en programvariabel eller matematisk formel. Tekst indeholdt i dette tag vises med kursiv (kursiv).

Her er et eksempel på kode til brug af <var> -tagget i HTML:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Var di HTML</title>
</head>
<body>
<p>Misalkan laba diinisialisasikan sebagai <var>x</var></p>
</body>
</html>

Når du har kørt ovenstående kode i en webbrowser, vises den som vist nedenfor:

De fire tags beskrevet ovenfor er "næsten"har den samme funktion, men deres anvendelser er selvfølgelig forskellige fra hinanden. Det næste HTML-studiemateriale handler om, hvordan man tilføjer kommentarer i HTML.

</ P>

Læs mere: