HTML leren Deel 8: Superscript, Subscript, kleine en gemarkeerde tekstelementen gebruiken in HTML
Bij het maken van HTML-documenten ben je dat natuurlijkvereist tekstformaatelementen. U kunt de indeling van de tekst die u hebt gemaakt, instellen met behulp van een aantal speciale tags voor het opmaken van tekst. In dit materiaal zal ik het hebben over superscript, small, subscript en gemarkeerde tekstelementen in HTML.
Superscript, small, subscript en gemarkeerde tekstelementen zijn elementen die zijn geclassificeerd als Fysieke opmaak omdat ze alleen zijn opgemaakt in een karakteristieke tekstopmaak.
Superscript, subscript en kleine elementen worden ondersteundSommige browsers zijn onder meer Google Chrome, Mozilla Firefox, Safari, Opera en Internet Explorer. Ondertussen wordt het gemarkeerde tekstelement alleen volledig ondersteund door bepaalde browsers met bepaalde versies. Hier is een diepere uitleg van de superscript, subscript, kleine en gemarkeerde tekstelementen in HTML:
A. Superscript-element
Superscript-elementen worden gebruikt om tekst te makenafgedrukt als een rang (superscript). Superscript-elementen worden gemarkeerd met behulp van <sup> -tagparen ... .. </sup>. Het gebruik van superscript-elementen kan worden toegepast op wiskundig schrijven, het schrijven van chemische berekeningen, voetnoten, enzovoort.
Hier is een voorbeeldcode voor het gebruik van superscript-elementen in HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Superscript di HTML</title>
</head>
<body>
Jadi jawaban dari 2<sup>4</sup> adalah 16
</body>
</html>
Het resultaat ziet er als volgt uit nadat het in de browser is uitgevoerd:
In CSS geven de meeste browsers het <sup> -element weer met een vaste waarde, d.w.z. lettergrootte:
kleiner en verticaal uitlijnen: soep.
B. Subscriptelementen
Het subscript-element wordt gebruikt om effecten af te drukkenin tekst (schrijven) waarvan de positie lager is dan de originele tekst (subscript). Subscriptelementen worden gemarkeerd met het gebruik van <sub> -tagparen .... </sub>. Dit element kan worden gebruikt bij het schrijven van formules voor chemische samenstellingen. Het volgende is een voorbeeld van het gebruik van subscriptcode:
<!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>
Het resultaat ziet er als volgt uit nadat het in de browser is uitgevoerd:
In CSS geven de meeste browsers het <sub> -element weer met een vaste waarde, d.w.z. lettergrootte:
kleiner en verticaal uitlijnen: sub.
C. Klein element
Het kleine element wordt gebruikt om de tekst te verkleinen. Kleine elementen zijn gemarkeerd met
gebruik <small> tagparen ... .. </small>.
Hier is een voorbeeldcode voor het gebruik van het kleine element in HTML:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Small di HTML</title>
</head>
<body>
<small>Hai... teks ini menjadi kecil bukan ?</small>
</body>
</html>
Het resultaat ziet er als volgt uit nadat het in de browser is uitgevoerd:
Gezien in de afbeelding hierboven, wordt de tekstgrootte kleiner. In CSS geven de meeste browsers het <small> -element weer met een vaste waarde, d.w.z. lettergrootte: kleiner.
D. Gemarkeerde tekstelementen
Het gemarkeerde tekstelement wordt gebruikt om te declarerengemarkeerde tekst die het effect heeft van een markeerstifttekst. Gemarkeerde tekstelementen worden gemarkeerd met het gebruik van <mark> ... .. </mark> -tagparen. De <mark> -tag is een nieuwe tag die afkomstig is van HTML5.
Hier volgt een voorbeeldcode voor het gebruik van het gemarkeerde tekstelement:
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Elemen Marked Text di HTML</title>
</head>
<body>
<mark>Ini kalimatnya perlu distabilo</mark>
</body>
</html>
Het resultaat ziet er als volgt uit nadat het in de browser is uitgevoerd:
In CSS geven de meeste browsers een <mark> -element weer met een vaste waarde, d.w.z. achtergrondkleur: geel en kleur: zwart. Het volgende materiaal gaat over het wijzigen van de tekstkleur en het lettertype in HTML.