HTML
Textformatering

Introduktion

Syntax

• <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>

Fet, kursiv och understruk

Fettext

För att skriva fet text använder du taggarna <strong> eller <b> :

<strong>Bold Text Here</strong>

eller

<b>Bold Text Here</b>

Vad är skillnaden? Semantik. <strong> används för att indikera att texten är grundläggande eller semantiskt viktig för den omgivande texten, medan <b> anger någon sådan betydelse och helt enkelt representerar text som borde vara fetstilad.

Om du skulle använda <b> ett text-till-tal-program inte säga ordet eller orden på något annat sätt än något av de andra orden runt det. Genom att använda <strong> , men samma program vill tala dessa ord med en annan röstton för att förmedla att texten är viktig på något sätt.

Kursiv text

För att kursivera text använder du <em> eller <i> taggarna:

<em>Italicized Text Here</em>

eller

<i>Italicized Text Here</i>

Vad är skillnaden? Semantik. <em> används för att indikera att texten borde ha extra betoning som bör betonas, medan <i> helt enkelt representerar text som bör sättas upp från den vanliga texten runt den.

Om du till exempel vill betona handlingen i en mening kan man göra det genom att betona det i kursiv via <em> : "Skulle du bara skicka redigeringen redan?"

Men om du identifierade en bok eller tidning som du normalt skulle kursivera stilistiskt skulle du helt enkelt använda <i> : "Jag tvingades läsa Romeo och Juliet i gymnasiet.

Understrukad text

Medan själva <u> -elementet avskrivs i HTMl 4, introducerades det med alternativ semantisk betydelse i HTML 5 - för att representera en opartikulerad, icke-textlig kommentar. Du kan använda en sådan rendering för att indikera felstavad text på sidan eller för ett kinesiskt eget namnmärke.

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

belysa

Elementet <mark> är nytt i HTML5 och används för att markera eller markera text i ett dokument "på grund av dess relevans i ett annat sammanhang". ^en

Det vanligaste exemplet skulle vara i resultaten av en sökning om användaren har angett en sökfråga och resultaten visas med markering av önskad fråga.

<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>

Produktion:

En vanlig standardformatering är svart text på gul bakgrund, men det kan ändras med CSS.

Infogat, raderat eller trasigt

För att markera text som infogad använder du <ins> -taggen:

<ins>New Text</ins>

För att markera text som raderad använder du <del> -taggen:

<del>Deleted Text</del>

För att slå igenom text använder du <s> -taggen:

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

Superscript och Subscript

För att kompensera text antingen uppåt eller nedåt kan du använda taggarna <sup> och <sub> .

Så här skapar du superscript:

<sup>superscript here</sup>

Så här skapar du abonnemang:

<sub>subscript here</sub>

Förkortning

För att markera något uttryck som en förkortning, använd <abbr> -taggen:

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

Om närvarande, den title är attributet används för att presentera den fullständiga beskrivningen av en sådan förkortning.