HTML: n oppiminen, osa 8: Ylä-, ala-, pienten ja merkittyjen tekstiosien käyttäminen HTML-muodossa
Luomalla HTML-dokumentteja tietenkin oletvaatii tekstimuotoelementit. Voit asettaa luomasi tekstin muodon käyttämällä joitain erityisiä tunnisteita tekstin muotoiluun. Tässä materiaalissa aion keskustella ylä-, ala-, alaindeksi- ja merkityistä tekstielementeistä HTML-muodossa.
Ylä-, pieni, alaindeksi ja merkityt tekstielementit ovat elementtejä, jotka luokitellaan fyysiseksi muotoiluksi, koska ne on muotoiltu vain ominaisessa tekstimuodossa.
Ylä-, ala- ja pienelementtejä tuetaanJoitakin selaimia ovat Google Chrome, Mozilla Firefox, Safari, Opera ja Internet Explorer. Sillä välin vain tietyt selaimet, joilla on tietyt versiot, tukevat täysin merkittyä tekstiä. Tässä on tarkempi selitys HTML: n ylä-, alaindeksi-, pienistä ja merkityistä tekstielementeistä:
A. Yläkirjoitusosa
Yläkirjoituselementtejä käytetään tekstin luomiseenpainettu arvolla (yläindeksi). Yläkirjoituselementit merkitään käyttämällä <sup> tag-paria ... .. </sup>. Yläindeksin elementtien käyttöä voidaan soveltaa matemaattiseen kirjoittamiseen, kemiallisten laskelmien kirjoittamiseen, alaviitteisiin ja niin edelleen.
Tässä on esimerkki koodista yläindeksin elementtien käyttämiseksi HTML: ssä:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Superscript di HTML</title>
</head>
<body>
Jadi jawaban dari 2<sup>4</sup> adalah 16
</body>
</html>
Tulos näyttää seuraavalta, kun se on ajettu selaimeen:
CSS: ssä useimmat selaimet näyttävät <sup> -elementin kiinteällä arvolla, ts. font-size:
pienempi ja pysty-kohdista: keitto.
B. Tilausosat
Alaindeksi-elementtiä käytetään tehosteiden tulostamiseentekstissä (kirjoittaminen), jonka sijainti on alhaisempi kuin alkuperäinen teksti (alaindeksi). Alaindeksi-elementit on merkitty <sub> -tunnistepareilla .... </ Sub>. Tätä elementtiä voidaan käyttää kemiallisten yhdisteiden kaavojen kirjoittamiseen. Seuraava on esimerkki alaindeksikoodin käytöstä:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Subscript di HTML</title>
</head>
<body>
Air adalah substansi kimia dengan rumus kimia H<sub>2</sub>O
</body>
</html>
Tulos näyttää seuraavalta, kun se on ajettu selaimeen:
CSS: ssä useimmat selaimet näyttävät <sub> -elementin kiinteällä arvolla, ts. font-size:
pienempi ja pystysuora kohdistus: alaosa.
C. Pieni elementti
Pieniä elementtiä käytetään pienentämään tekstin kokoa. Pienet elementit on merkitty
käytä <pienet> tunnisteparia ... .. </small>.
Tässä on esimerkki koodista pienen elementin käyttämiseksi HTML: ssä:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Small di HTML</title>
</head>
<body>
<small>Hai... teks ini menjadi kecil bukan ?</small>
</body>
</html>
Tulos näyttää seuraavalta, kun se on ajettu selaimeen:
Yllä olevasta kuvasta tekstin koko pienenee. CSS: ssä useimmat selaimet näyttävät <small> -elementin, jolla on kiinteä arvo, ts. fonttikoko: pienempi.
D. Merkityt tekstielementit
Merkittyä tekstielementtiä käytetään ilmoittamiseenkorostettu teksti, jolla on korostusteksti. Merkityt tekstielementit on merkitty <mark> ... .. </mark> -tunnistepareilla. <mark> -tagi on uusi tunniste, joka tulee HTML5: stä.
Seuraava on esimerkki merkityn tekstielementin käytöstä:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Marked Text di HTML</title>
</head>
<body>
<mark>Ini kalimatnya perlu distabilo</mark>
</body>
</html>
Tulos näyttää seuraavalta, kun se on ajettu selaimeen:
CSS: ssä useimmat selaimet näyttävät <mark> -elementin, jolla on kiinteä arvo, ts. taustaväri: keltainen ja väri: musta, Seuraava materiaali käsittelee tekstin värin ja fonttityypin muuttamista HTML-muodossa.