Quartz 5

HTML Snippets

Properties3
ThemaHTML, Webentwicklung
titleHTML Snippets
modified—

3 min read

Link

<a href="https://example.com">Link</a>

Bild

Bild ```html Bild ``` # Text ## Überschriften

Überschrift 1

Überschrift 2

```html

Überschrift 1

Überschrift 2

``` ## Absatz

Das ist ein Absatz.

```html

Das ist ein Absatz.

``` ## Zeilenumbruch Text
Neue Zeile ```html Text
Neue Zeile ``` ## Fett & Kursiv Fett Kursiv ```html Fett Kursiv ``` ## Zitat
Das ist ein Zitat.
```html
Das ist ein Zitat.
``` ## Kurzes Zitat Zitat ```html Zitat ``` ## Horizontale Linie
```html
``` ## Hochgestellt x2 ```html x2 ``` ## Tiefgestellt H2O ```html H2O ``` ## Markierung Wichtig ```html Wichtig ``` ## Kleine Schrift Kleiner Text ```html Kleiner Text ``` # Listen ## Unsortierte Liste
  • Apfel
  • Banane
```html
  • Apfel
  • Banane
``` ## Sortierte (nummerierte) Liste
  1. Erster
  2. Zweiter
```html
  1. Erster
  2. Zweiter
``` ## Beschreibungsliste
HTML
Auszeichnungssprache
```html
HTML
Auszeichnungssprache
``` # Tabelle
NameAlter
Max25
```html
NameAlter
Max25
``` # Formulare ## Einfaches Formular
```html
``` ## Label ```html ``` ## Textarea ```html ``` ## Button ```html ``` # Input-Typen ## Text ```html ``` ## Passwort ```html ``` ## E-Mail ```html ``` ## Zahl (Spinner) ```html ``` ## Datum ```html ``` ## Zeit ```html ``` ## Farbe ```html ``` ## Datei ```html ``` ## Suche ```html ``` ## URL ```html ``` ## Telefon ```html ``` ## Verstecktes Feld ```html ``` ## Senden ```html ``` ## Zurücksetzen ```html ``` ## Checkbox AGB akzeptieren ```html AGB akzeptieren ``` ## Radiobuttons Rot Blau ```html Rot Blau ``` # Dropdown-Menüs ## Einfaches Dropdown ```html ``` ## Gruppierte Optionen ```html ``` # Slider & Fortschritt ## Range (Slider) ```html ``` ## Progress-Bar ```html ``` ## Meter 70% ```html 70% ``` ## Output 50 ```html 50 ``` # Ausklappbare Inhalte ## Details / Summary
Mehr anzeigen Versteckter Text
```html
Mehr anzeigen Versteckter Text
``` # Dialog Hallo Welt ```html Hallo Welt ``` # Code ## Inline-Code let x = 5; ```html let x = 5; ``` ## Codeblock 
	
		let x = 5;
```html 
	
		let x = 5;
``` # Semantische Layout-Tags ## Header
Kopfbereich
```html
Kopfbereich
``` ## Navigation ```html ``` ## Main
Inhalt
```html
Inhalt
``` ## Section
Abschnitt
```html
Abschnitt
``` ## Article
Artikel
```html
Artikel
``` ## Aside ```html ``` ## Footer
Fußbereich
```html
Fußbereich
``` # Medien ## Audio ```html ``` ## Video ```html ``` # Datum & Zeit ```html ``` # Fieldset
Persönliche Daten
```html
Persönliche Daten
```

Graph View

Backlinks