Învățarea HTML Partea 12: Utilizarea elementelor Kbd, Samp, Cod și Var în HTML
În această discuție, materialul va fidiscutat este despre formatarea codului (scrierea lucrurilor tehnice) în HTML care discută în mod specific comenzile de scriere introduse de la tastatură cu eticheta <kbd>, scrierea codului de probă pentru program cu eticheta <samp>, scrierea codului în HTML cu eticheta <code> și scrierea textului care conține variabile de program sau matematice cu eticheta <var>.
Toate aceste etichete funcționează mai bine înStructura HTML în comparație cu afișajul. În mod obișnuit, aceste etichete sunt utilizate la scrierea codului programului găsit pe conținutul web. Pentru a înțelege mai bine utilizarea acestor etichete, să luăm în considerare explicația de mai jos:
A. Utilizarea elementului <kbd>
Elementul kbd înseamnă tastatură. În cazul în care eticheta <kbd> este utilizată pentru a reprezenta intrarea de la utilizator (sub formă de caractere de la tastatură sau de la alte dispozitive, cum ar fi comenzile vocale).
Textul sau conținutul conținut în eticheta <kbd> vor fi afișate într-un font monospațial. Iată un exemplu de cod pentru utilizarea tagului <kbd> în 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>După ce executați codul de mai sus într-un browser web, acesta va apărea așa cum se arată mai jos:
B. Utilizarea elementului <samp>
Elementul samp este o prescurtare pentru Programul de probecare include tipul de elemente inline și urmărește fluxul de text existent. Această etichetă este folosită pentru a scrie un exemplu de ieșire dintr-un program de calculator. Textul din eticheta <samp> va fi afișat de browserele web cu fonturi monospațiale, eliminând mai mult de un spațiu și similar cu eticheta <code>.
Iată un exemplu de cod pentru utilizarea etichetei <samp> în 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>După ce executați codul de mai sus într-un browser web, acesta va apărea așa cum se arată mai jos:
C. Utilizarea elementului <code>
Eticheta <code> este utilizată pentru a scrie partea de codcomputer în HTML. În cazul în care codul computerului include numele elementului XML, programul computerului, numele unui fișier sau alte coduri recunoscute de computer.
Va fi afișat textul în eticheta <samp>de către browserele web cu fonturi monospațiale prin eliminarea mai multor spații. Această etichetă este, de asemenea, inclusă în tipul de element inline și urmărește fluxul de text existent. În eticheta <samp> există un atribut de clasă care este recomandat să fie utilizat pentru a indica limba codului computerului care este scris. De exemplu, ați scrie cod CSS, astfel încât să scrieți „language-css” în atributul clasei <code class = "language-css"> ... </ Code>.
Iată un exemplu de cod pentru utilizarea etichetei <code> în 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>După ce executați codul de mai sus într-un browser web, acesta va apărea așa cum se arată mai jos:
D. Utilizarea elementului <var>
Elementul var înseamnă Variabil carefolosit pentru a defini și scrie o variabilă de program sau o formulă matematică. Textul conținut în această etichetă va fi afișat cu caractere italice (italice).
Iată un exemplu de cod pentru utilizarea tagului <var> în 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>După ce executați codul de mai sus într-un browser web, acesta va apărea așa cum se arată mai jos:
Cele patru etichete descrise mai sus sunt „aproape”are aceeași funcție, dar, desigur, utilizările lor sunt diferite unele de altele. Următorul material de studiu HTML este despre cum să adăugați comentarii în HTML.
