HTML & CSS Cheatsheet
Grundlegende HTML- und CSS-Befehle und -Elemente
Befehle
<!DOCTYPE html>:
HTML5-Dokumenttypdeklaration
<html lang="en">:
HTML-Tag mit Sprachattribut
<head>:
Kopfbereich mit Metadaten
<title>My Page</title>:
Titel der Seite
<meta charset="UTF-8">:
Zeichensatzdeklaration
<link rel="stylesheet" href="styles.css">:
CSS-Datei einbinden
<header>:
Kopfbereich der Seite
<footer>:
Fußbereich der Seite
<h1>Main Heading</h1>:
Hauptüberschrift
<p>This is a paragraph.</p>:
Absatz
<a href="https://example.com">Click Here</a>:
Hyperlink
<img src="image.jpg" alt="Description">:
Bild mit Alternativtext
<ul>:
Ungeordnete Liste
<ol>:
Geordnete Liste
<li>List Item</li>:
Listenelement
<div class="container">:
Container-Div mit Klasse
<span class="highlight">Text</span>:
Inline-Element mit Klasse
<style>:
Inline CSS-Stilblock
body { background-color: #f4f4f4; }:
Hintergrundfarbe ändern
.color-red { color: red; }:
CSS-Klasse für rote Farbe
#header { text-align: center; }:
CSS-ID für zentrierten Text
padding: 10px;:
Innenabstand hinzufügen
margin: 20px;:
Außenabstand hinzufügen
font-size: 16px;:
Schriftgröße ändern
display: flex;:
Flexbox verwenden
Zurück zur Übersicht