HTML leren Deel 6: cursief en vetgedrukte berichten maken in HTML
In een HTML-document staat natuurlijk schrijvengekanteld en vetgedrukt in overeenstemming met de toepasselijke schrijfvereisten en voorwaarden. HTML zelf heeft veel elementen in het opmaken van tekst die vet, cursief, onderstreept enzovoort in de browser moet worden weergegeven.
In dit materiaal zal ik uitleggen hoemaak het cursief en vet in HTML. Over het algemeen kunt u tekst vetgedrukt (vetgedrukt) gebruiken met tags <b> en <strong> tags, terwijl u voor cursief schrijven (cursief) tags <i> en <em> tags kunt gebruiken.
Ook al zijn de <b> tag en de <strong> tag allemaal hetzelfdetoon het vetgedrukte type in de browser, maar natuurlijk zijn de methode en het doel van het gebruik anders. Dat is hetzelfde als het gebruik van tags en <em> -tags. Het gebruik van tags <b>, <strong>, <i> en <em> wordt ondersteund door veel browsers, waaronder Google Chrome, Mozilla Firefox, Internet Explorer, Safari en andere.
Over het algemeen zijn er twee elementen in de opmaaknamelijk 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 <b> tag en tag <i> zijn Fysieke opmaak, terwijl de <strong> tag en <em> tag Logische opmaak zijn. Zie de onderstaande uitleg voor meer informatie over de vier bovenstaande tags:
A. Tag <b> en de <strong> tag
Voorheen werd de tag <b> nooit aanbevolenopnieuw gebruikt omdat het is vervangen door CSS die functioneert om de weergave af te handelen. Maar sinds de opkomst van HTML5 wordt de <b> tag beschouwd als een "stilistisch offset", dat wil zeggen als een markering van een trefwoord of andere tekst die nodig wordt geacht om te worden onderscheiden van andere teksten. Hoewel sterk in HTML5 wordt gebruikt om aan te geven dat de tekst belangrijk is en trefwoorden worden in zoekmachines (zoekmachines). In HTML 4.01 wordt de <strong> tag echter gebruikt om een sterke nadruk op tekst (nadruk) te definiëren.
Hier volgt een voorbeeld van de code voor het gebruik van de <b> tag en de <strong> tag:
<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Format Tulisan Cetak Tebal<title>
</head>
<body>
<b>Kekinian</b> adalah sebuah website yang terdiri atas berbagai <strong>artikel seputar
IT</strong>.
</body>
</html>
De resultaten nadat ze in de browser zijn weergegeven:
Hier maak ik het cadeau met de tag <b>omdat het wordt beschouwd als een trefwoord en als een woord dat moet worden onderscheiden van de anderen. Terwijl de "verzameling van interessante essays" is gemaakt met de tag <strong> omdat het wordt beschouwd als een belangrijke tekst en wordt gebruikt als trefwoorden / trefwoorden in zoekmachines.
In CSS tonen de meeste browsers <b> en <strong> elementen met vaste waarden, d.w.z.
font-weight: vet.
B. Tag <i> en <em> tag
Vergelijkbaar met de <b> tag en de <strong> tag,Sinds de komst van HTML5 worden tags opnieuw herkend, maar als een teken dat de tekst anders is dan andere, zoals voor het schrijven van boektitels, uitgevers, woordaanpassingen, enzovoort.
Terwijl de <em> -tag de betekenis heeft van nadruk op stressd.w.z. het wordt vermeld als tekst die speciale nadruk of aandacht vereist. Het gebruik van de <em> -tag is erg belangrijk als trefwoord in de zoekmachine.
Hier volgt een voorbeeldcode voor het gebruik van tags <i> en <em> -tags:
<!DOCTYPE html>
<html>
<head>
<title>Bentuk Teks Cetak Miring di HTML</title>
</head>
<body>
<i>Indonesia Bersatu</i> adalah judul buku yang mengajarkan kepada kita arti
<em>nasionalisme</em>
</body>
</html>
De resultaten nadat ze in de browser zijn weergegeven:
Uit de foto hierboven blijkt dat "IndonesiëUnited "wordt cursief weergegeven met de tag <i> omdat het een boektitel is. Ondertussen wordt het woord "nationalisme" cursief weergegeven met de <em> -tag omdat het een woord is dat benadrukt moet worden en belangrijk wordt geacht.
In CSS geven de meeste browsers de <i> en <em> -elementen weer met vaste waarden, d.w.z. lettertype: cursief. Als je de functie van de vier tags al begrijpt, raadpleeg dan de volgende HTML-tutorial over hoe je de tekst onderstreept en doorgestreept in HTML kunt maken.