HTML: n oppiminen, osa 12: Kbd-, Samp-, Code- ja Var-elementtien käyttäminen HTML-muodossa
Tässä keskustelussa materiaali onkeskustellaan koodin muotoilusta (teknisten asioiden kirjoittamisesta) HTML-muodossa, jossa käsitellään erityisesti näppäimistöltä syötettyjä kirjoituskomentoja <kbd> -tagin kanssa, ohjelman näytteen koodin kirjoittamisesta <samp> -tunnisteella, koodin kirjoittamiseen HTML-koodille <code> -tagin kanssa ja tekstin kirjoittamiseen joka sisältää ohjelman tai matemaattiset muuttujat <var> -tunnisteella.
Kaikki nämä tunnisteet toimivat paremminHTML-rakenne verrattuna näyttöön. Yleensä näitä tunnisteita käytetään web-sisällöstä löytyvän ohjelmakoodin kirjoittamiseen. Jotta ymmärrät paremmin näiden tunnisteiden käytön, harkitaan seuraavaa selitystä:
A. <kbd> -elementin käyttö
Kbd-elementti tarkoittaa näppäimistöä. Kun <kbd> -tagia käytetään edustamaan käyttäjän syötteitä (näppäimistön tai muiden laitteiden, kuten äänikomentojen, merkkien muodossa).
<kbd> -tagin teksti tai sisältö näytetään yksiavaruudessa. Tässä on esimerkki koodin käyttämisestä <kbd> -tunnisteessa HTML: ssä:
<!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>
Kun olet suorittanut yllä olevan koodin selaimessa, se tulee näkyviin seuraavasti:
B. <samp> -elementin käyttö
Näyte-elementti on lyhenne näyteohjelmastajoka sisältää rivielementtityypin ja seuraa olemassa olevaa tekstivirtaa. Tätä tunnistetta käytetään kirjoittamaan esimerkki tietokoneohjelmasta. <samp> -tagin teksti näkyy web-selaimissa, joissa on monospace-fontit poistamalla useampi kuin yksi välilyönti ja samanlainen kuin <code> -tagi.
Tässä on esimerkki koodista <samp> -tagin käyttämiseen HTML: ssä:
<!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>
Kun olet suorittanut yllä olevan koodin selaimessa, se tulee näkyviin seuraavasti:
C. <code> -elementin käyttö
<koodi> -tagia käytetään koodiosan kirjoittamiseentietokone HTML-muotoon. Jos tietokonekoodi sisältää XML-elementin nimen, tietokoneohjelman, tiedoston nimen tai muut tietokoneen tunnistamat koodit.
<samp> -tagin teksti tulee näkyviinweb-selainten monospace-fonteilla poistamalla useamman kuin yhden välilyönnin. Tämä tunniste sisältyy myös rivielementtityyppiin ja seuraa olemassa olevaa tekstivirtaa. <samp> -tunnisteessa on luokan ominaisuus, jota suositellaan käytettäväksi osoittamaan kirjoitetun tietokonekoodin kieli. Kirjoita esimerkiksi CSS-koodi, joten kirjoita "language-css" luokan määritteeseen kuten <code class = "language-css"> ... </ Code>.
Tässä on esimerkki koodista <code> -tagin käyttämiseen HTML: ssä:
<!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>
Kun olet suorittanut yllä olevan koodin selaimessa, se tulee näkyviin seuraavasti:
D. <var> -elementin käyttö
Var-elementti tarkoittaa muuttujaa, jokakäytetään määrittelemään ja kirjoittamaan ohjelmamuuttuja tai matemaattinen kaava. Tämän tunnisteen teksti näkyy kursivoituna (kursivoitu).
Tässä on esimerkki koodin <var> -tagin käyttämisestä HTML: ssä:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Var di HTML</title>
</head>
<body>
<p>Misalkan laba diinisialisasikan sebagai <var>x</var></p>
</body>
</html>
Kun olet suorittanut yllä olevan koodin selaimessa, se tulee näkyviin seuraavasti:
Edellä kuvatut neljä tagia ovat "melkein"on sama tehtävä, mutta tietysti niiden käyttö on erilaista toisistaan. Seuraava HTML-oppimateriaali käsittelee kommenttien lisäämistä HTML-muotoon.