HTML
Tekstopmaak

Invoering

Syntaxis

• <abbr>Abbreviation</abbr>
• <b>Bold Text</b>
• <del>Deleted Text</del>
• <em>Emphasized Text</em>
• <i>Italic Text</i>
• <ins>Inserted Text</ins>
• <mark>Marked (or Highlighted) Text</mark>
• <s>Stricken Text</s>
• <strong>Strong Text</strong>
• <sub>Subscript Text</sub>
• <sup>Superscript Text</sup>
• <u>Underlined Text</u>

Vet, cursief en onderstrepen

Vetgedrukte tekst

Als u vetgedrukte tekst wilt gebruiken, gebruikt u de tags <strong> of <b> :

<strong>Bold Text Here</strong>

of

<b>Bold Text Here</b>

Wat is het verschil? Semantiek. <strong> wordt gebruikt om aan te geven dat de tekst fundamenteel of semantisch belangrijk is voor de omringende tekst, terwijl <b> niet zo belangrijk is en eenvoudigweg vetgedrukte tekst weergeeft.

Als u <b> een tekst-naar-spraakprogramma de woorden niet anders zeggen dan een van de andere woorden eromheen - u vestigt gewoon de aandacht op hen zonder extra belang toe te voegen. Door <strong> , zou hetzelfde programma die woorden echter met een andere toon willen spreken om aan te geven dat de tekst op de een of andere manier belangrijk is.

Cursieve tekst

Gebruik de tags <em> of <i> om tekst cursief te maken:

<em>Italicized Text Here</em>

of

<i>Italicized Text Here</i>

Wat is het verschil? Semantiek. <em> wordt gebruikt om aan te geven dat de tekst extra nadruk moet krijgen die moet worden benadrukt, terwijl <i> gewoon tekst vertegenwoordigt die moet worden verrekend met de normale tekst eromheen.

Als u bijvoorbeeld de actie in een zin wilt benadrukken, kunt u dit doen door het cursief te benadrukken via <em> : "Zou u de bewerking al hebben ingediend ?"

Maar als je een boek of krant zou identificeren die je normaal gesproken stilistisch cursief zou maken, zou je gewoon <i> : "Ik moest op de middelbare school Romeo en Julia lezen.

Onderstreepte tekst

Hoewel het <u> -element zelf in HTMl 4 was verouderd, werd het opnieuw geïntroduceerd met een alternatieve semantische betekenis in HTML 5 - om een niet-gearticuleerde, niet-tekstuele annotatie weer te geven. U kunt een dergelijke weergave gebruiken om verkeerd gespelde tekst op de pagina aan te geven, of voor een Chinees eigen naammerk.

<p>This paragraph contains some <u>mispelled</u> text.</p>

De markering

Het element <mark> is nieuw in HTML5 en wordt gebruikt om tekst in een document te markeren of te markeren "vanwege de relevantie ervan in een andere context". ¹

Het meest voorkomende voorbeeld zou zijn in de resultaten van een zoekopdracht als de gebruiker een zoekopdracht heeft ingevoerd en de resultaten worden getoond met de gewenste zoekopdracht.

<p>Here is some content from an article that contains the <mark>searched query</mark>
that we are looking for. Highlighting the text will make it easier for the user to 
find what they are looking for.</p>

Output:

Een veel voorkomende standaardopmaak is zwarte tekst op een gele achtergrond, maar deze kan worden gewijzigd met CSS.

Ingevoegd, verwijderd of gestrikt

Gebruik de tag <ins> om tekst als ingevoegd te markeren:

<ins>New Text</ins>

Gebruik de tag <del> om tekst als verwijderd te markeren:

<del>Deleted Text</del>

Gebruik de tag <s> om tekst door te halen:

<s>Struck-through text here</s>

Superscript en Subscript

Om tekst naar boven of naar onder te verplaatsen, kunt u de tags <sup> en <sub> .

Om superscript te maken:

<sup>superscript here</sup>

Een subscript maken:

<sub>subscript here</sub>

Afkorting

Gebruik de tag <abbr> om een uitdrukking als afkorting te markeren:

<p>I like to write <abbr title="Hypertext Markup Language">HTML</abbr>!</p>

Indien aanwezig de title wordt attribuut te presenteren de volledige beschrijving van dergelijke afkorting.