HTML leren Deel 7: berichten plaatsen met onderstrepingen en strepen in HTML

In dit materiaal zal ik besprekentekst opmaken die dient om de tekst onderstreept en doorgestreept te maken. Om onderstreepte tekst te maken, wordt het -paarpaar gebruikt. Dan voor doorgestreepte tekst zoals "~~krabbelen~~", Er worden drie tags gebruikt voor dit type formaatdeze tekst is de <strike> -tag, de <s> -tag en de <del> -tag. De drie tags die de doorgestreepte tekst weergeven, hebben zeker verschillen die hieronder zullen worden uitgelegd.

Zoals ik al eerder zeiEr zijn twee elementen bij het formatteren, namelijk logische opmaak en fysieke opmaak. Fysieke opmaak wordt gebruikt om tekst op te maken in teksteigenschappen, terwijl logische opmaak is om tekst op te maken volgens de inhoud of inhoud van de tekst. De tags , <s>, <strike> en <del> zijn de groep Fysieke opmaak.

Laten we voor verdere discussie eens kijken naar de uitleg van de tekst met de onderstreping en krabbel hieronder:

A. Schrijven met de onderste regel

Zoals eerder vermeld, jijkan de -tag gebruiken voor het onderstreepte formaat. Waar de -tag het begin van de onderstreepte tekst aangeeft en de -tag het einde van de onderstreepte tekst.

Hier volgt een voorbeeld van het gebruik van de -tag:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
</head>
<body>
<u>Tulisan Ini Digaris Bawahi</u>
</body>
</html>

Na het openen in de browser zien de resultaten eruit als de onderstaande afbeelding:

In principe wordt de -tag alleen ondersteund door HTML 4.01 en niet ondersteund door HTML5. De reden is dat de -tag al kan worden vervangen door CSS te gebruiken tekstversiering: onderstreept.

Hier is een voorbeeld van het gebruik van CSS om de tekst te onderstrepen:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Garis Bawah di HTML</title>
<style type="text/css">
h4{
text-decoration: underline;
}
</style>
</head>
<body>
<h4>Tulisan Ini Digaris Bawahi</h4>
</body>
</html>

Na het openen in de browser zien de resultaten eruit als de onderstaande afbeelding:

B. Berichten met krabbels

Om het schrijfeffect op de tekst door te halenkan de tags <s>, <strike> en <del> gebruiken. Waar alle drie de tags beide in dezelfde vorm in de browser worden weergegeven, dwz de tekst is doorgehaald. Hier is een voorbeeld van het gebruik van deze drie tags:

<html>
<head>
<title>Teks dengan Coretan di HTML</title>
</head>
<body>
<s>Lihat Ini Tulisannya Dicoret</s><br>
<strike>Lihat Ini Tulisannya Dicoret</strike><br>
<del>Lihat Ini Tulisannya Dicoret</del><br>
</body>
</html>

Na het openen in de browser zien de resultaten eruit als de onderstaande afbeelding:

hoe je doorgehaald schrijven in html kunt maken

Visueel gezien vanuit bovenstaande afbeeldingbrowser is er absoluut geen verschil tussen de drie maar qua gebruik en betekenis verschillen. Ten eerste is de <s> -tag een afkorting van Doorhalen waardoor de tekst doorstreept wordt. In HTML 4.01 heeft het doorhalen van tekst met de tag <s> geen betekenis, het is slechts een vorm van tekstindeling die tekst met doorhaling weergeeft. Terwijl in HTML5 de <s> -tag wordt gebruikt om de te corrigeren tekst te definiëren (niet langer correct).

Ten tweede werken de del- en strike-tags samenom doorgestreepte tekst weer te geven in de zin dat de tekst verkeerd is of is verwijderd. Ten derde hebben de del- en strike-tags inderdaad dezelfde functie, het verschil is dat de strike-tags afkomstig van HTML 4.0.1 niet langer worden ondersteund door HTML5 omdat ze al als verouderd worden beschouwd (niet aanbevolen voor gebruik en mogelijk niet worden ondersteund door webbrowsers). Ondertussen wordt de <del> -tag nog steeds ondersteund door HTML5.

Het <del> -element heeft verschillende kenmerken, waaronder:

Attribuut	Functie
Datetime	Specificeert de datum en tijd waarop de tekst is doorgehaald of verwijderd
Cite	Specificeert de URL naar een document waarin wordt uitgelegd waarom de tekst is verwijderd of doorgehaald

In CSS tonen de meeste browsers de <s> en <del> elementen met vaste waarden, d.w.z. text-decoration: line-through.

Nu moet je de functie begrepen hebbenvan de hierboven beschreven tags. De volgende HTML-tutorial gaat over het gebruik van superscript, subscript, kleine en gemarkeerde tekstelementen voor meer informatie over het opmaken van tekst in HTML.

Lees meer: