> ## Documentation Index > Fetch the complete documentation index at: https://docs.baenninger.me/llms.txt > Use this file to discover all available pages before exploring further. # Textelemente ## Absätze Absätze bzw. Paragraphen werden mit dem `

`-Element erstellt. ```html theme={null}

I am a paragraph, oh yes I am.

``` ## Hervorhebungen Mit den beiden Keywords `` und `` kann man Text *kursiv* bzw. **fett** machen. ```html theme={null}

This liquid is highly toxic — if you drink it, you may die.

``` Mit dem ``-Element kann man Text mit einem Leuchtstift **markieren**. ```html theme={null}

Do not forget to buy milk today.

``` Mit dem ``-Element kann man Text als **gelöscht** definieren. Oft wird es als durchgestrichene Linie gerendert: ```html theme={null}

My favorite color is blue red.

``` Mit dem ``-Element kann man Text als **eingefügt** definieren. Oft wird es als unterstrichene Linie gerendert: ```html theme={null}

My favorite color is blue red .

``` ## Headings Übertitel sind ein guter Weg eine gewisse Struktur in eine Webseite zu bringen. Übertitel werden mit den Elementen `

`, `

`, ..., `

` erstellt. ```html theme={null}

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
``` Headings sind wichtig, da eine Suchmaschine die Headings benutzt, um die Struktur und den Inhalt der Webseite zu analysieren. ## Listen Es gibt drei verschiedene Arten von Listen: ungeordnete Listen, geordnete Listen und Beschreibungslisten. Ungeordnete Listen werden verwendet, um Listen von Elementen zu kennzeichnen, bei denen die Reihenfolge der Elemente nicht wichtig ist. ```html theme={null}
  • Apfel
  • Birne
  • Banane
``` Geordnete Listen sind Listen, in denen die Reihenfolge der Elemente wichtig ist. ```html theme={null}
  1. Apfel
  2. Birne
  3. Banane
``` Der Zweck von Beschreibungslisten besteht darin, eine Reihe von Elementen und deren zugehörige Beschreibungen zu kennzeichnen, z. B. Begriffe und Definitionen oder Fragen und Antworten. ```html theme={null}
soliloquy
In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)
monologue
In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.
aside
In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought, or piece of additional background information.
``` ## Zitate Bei den Zitaten gibt es zwei verschiedene Arten: Blockzitate und Inline-Zitate. ```html theme={null}
The HTML
Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation.
``` ```html theme={null} The quote element — — is intended for short quotations that don't require paragraph breaks. ``` ## Abkürzungen Das ``-Element wird benutzt um Abkürzungen zu erklären. ```html theme={null} I think Rev. Green did it in the kitchen with the chainsaw. ``` Wenn man nun mit der Maus über das Wort hovert, wird einem der Inhalt vom `title`-Attribut angezeigt. ## Hoch- und Tiefstellen Mit dem Element `` können wir Text hochstellen und mit dem ``-Element tiefstellen. ```html theme={null}

My birthday is on the 25th of May 2001.

Caffeine's chemical formula is C8H10N4O2.

If x2 is 9, x must equal 3 or -3.

``` ## Kontaktinformationen HTML hat ein Element zum Kennzeichnen von Kontaktinformationen — `
`. Dies umschliesst deine Kontaktinformationen, zum Beispiel: ```html theme={null}
Chris Mills, Manchester, The Grim North, UK
``` Es könnte auch komplexeres Markup und andere Formen von Kontaktinformationen enthalten, zum Beispiel: ```html theme={null}

Chris Mills
Manchester
The Grim North
UK

  • Tel: 01234 567 890
  • Email: me@grim-north.co.uk
``` ## Code Es gibt eine Reihe von Elementen, die für die Kennzeichnung von Computer-Code mithilfe von HTML verfügbar sind: * ``: Zum Kennzeichnen generischer Teile von Computer-Code. * `
`: Zum Beibehalten von Leerzeichen (allgemein Code-Blöcke) — wenn du Einrückungen oder übermässige Leerzeichen innerhalb deines Textes verwendest, ignorieren Browser dies und du wirst es auf deiner gerenderten Seite nicht sehen. Wenn du den Text jedoch in `
`-Tags umschliesst, werden deine Leerzeichen identisch mit der Anzeige in Ihrem Texteditor gerendert.
* ``: Zum speziellen Kennzeichnen von Variablennamen.
* ``: Zum Kennzeichnen von Tastatur- (und anderen Arten von) Eingaben, die in den Computer eingegeben werden.
* ``: Zum Kennzeichnen der Ausgabe eines Computerprogramms.

```javascript theme={null}
const para = document.querySelector('p');

para.onclick = function() {
  alert('Owww, stop poking me!');
}
```

```html theme={null}


    You shouldn't use presentational elements like  and
    
.





    In the above JavaScript example, para represents a paragraph
    element.




Select all the text with Ctrl/Cmd + A.



$ ping mozilla.org
PING mozilla.org (63.245.215.20): 56 data bytes
64 bytes from 63.245.215.20: icmp_seq=0 ttl=40 time=158.233 ms

```

## Uhrzeiten und Daten

HTML bietet auch das `