HTML & CSS

width

Breite

height

Höhe

class

Name einer Klasse, die Sie später mit CSS auswählen (mit einem Selektor) und visuell anpassen bzw. stylen können.

id

Das id-Attribut wird verwendet, um eine eindeutige ID (Identifier) für ein HTML-Element anzugeben. Es wird von CSS und JavaScript verwendet, um eine bestimmte Aufgabe für ein eindeutiges Element auszuführen.

style

Ist ein Inline-Style. Sie können damit einzelne HTML-Elemente innerhalb des sichtbaren HTML-Dokuments mit Hilfe von Stylesheet-Eigenschaften formatieren - z.B. die Schriftgröße auf 100px setzen.

alt

Hiermit können Sie einen alternativen Text angeben, der angezeigt wird, wenn das Bild nicht geladen werden konnte. Dieses Attribut wird für ein valides und barrierefreies HTML benötigt.

src

Source (Quelle). Damit geben Sie die URL zur Bildquelle an, die Sie referenzieren wollen (also wo ist das Bild zu finden - auf dem Desktop, in einem bestimmten Ordner oder in WWW,…). Die Angabe kann absolut oder relativ sein.

href

Hypertext Reference. Damit geben Sie die URL oder das Dokument an, wohin der Verweis geht, wenn der Benutzer den Verweistext oder auch die Grafik zwischen und anklickt.

target

_self: (Standardwert) Ausgabe im selben Fenster; _blank: Ausgabe in einem neuen Fenster oder Register; _top: Ausgabe im Body des Fensters; _parent: Ausgabe im aufrufenden Fenster.

download

Mit diesem alleinstehenden Attribut wird der im href-Attribut angegebene Link zum Herunterladen angeboten.

Margin

Abstände - Außen

Padding

Abstände - Innen

Border

Rahmen/Ränder

font-style

Neigung der Schrift

font-weight

Dicke der Schrift

line-height

Zeilenhöhe

letter-spacing

Abstände zwischen einzelnen Zeichen

text-shadow

Schattenverläufe z. B. 8px 6px 5px #FF0000

text-transform

Groß- oder Kleinbuchstaben z. B. none oder uppercase oder lowercase oder capitalize

background-attachment

Hintergrundbildes fixiert oder scrollt

HTML

Inhalt HTML legt die Struktur fest:

CSS

Design CSS bestimmt das Aussehen

HTML

Hypertext Markup Language

CSS

Cascading Style Sheets

Block-Elemente dürfen?

Andere Block-Elemnente enthalten und Inline-Elemente enthalten

Inline-Elemente dürfen?

Keine Block-Elemente enthalten

Was ist die Ausnahme von Inline-Elementen?

Anker-Element <a>

<header> ist ein Block oder Inline Element?

Block-Element

<nav> ist ein Block oder Inline Element?

Block-Element

<main> ist ein Block oder Inline Element?

Block-Element

<section> ist ein Block oder Inline Element?

Block-Element

<article>ist ein Block oder Inline Element?

Block-Element

<aside>ist ein Block oder Inline Element?

Block-Element

<footer>ist ein Block oder Inline Element?

Block-Element

<div>ist ein Block oder Inline Element?

Block-Element

<h>ist ein Block oder Inline Element?

Block-Element

<p>ist ein Block oder Inline Element?

Block-Element

<ul>ist ein Block oder Inline Element?

Block-Element

<ol>st ein Block oder Inline Element?

Block-Element

<li>ist ein Block oder Inline Element?

Block-Element

<address>ist ein Block oder Inline Element?

Block-Element

<blockquote>ist ein Block oder Inline Element?

Block-Element

<fieldset>ist ein Block oder Inline Element?

Block-Element

<figcaption>ist ein Block oder Inline Element?

Block-Element

<figure> ist ein Block oder Inline Element?

Block-Element

<form> ist ein Block oder Inline Element?

Block-Element

<hr> ist ein Block oder Inline Element?

Block-Element

<table> ist ein Block oder Inline Element?

Block-Element

<tr> ist ein Block oder Inline Element?

Block-Element

<td> ist ein Block oder Inline Element?

Block-Element

<a> ist ein Block oder Inline Element?

Inline-Element

<b> ist ein Block oder Inline Element?

Inline-Element

<br> ist ein Block oder Inline Element?

Inline-Element

<strong> ist ein Block oder Inline Element?

Inline-Element

<em> ist ein Block oder Inline Element?

Inline-Element

<i> ist ein Block oder Inline Element?

Inline-Element

<audio> ist ein Block oder Inline Element?

Inline-Element

<video> ist ein Block oder Inline Element?

Inline-Element

<span> ist ein Block oder Inline Element?

Inline-Element

<img> ist ein Block oder Inline Element?

Inline-Element

<button> ist ein Block oder Inline Element?

Inline-Element

<input> ist ein Block oder Inline Element?

Inline-Element

<label> ist ein Block oder Inline Element?

Inline-Element

<select> ist ein Block oder Inline Element?

Inline-Element

<sup>  ist ein Block oder Inline Element?

Inline-Element

<sub> ist ein Block oder Inline Element?

Inline-Element

<small> ist ein Block oder Inline Element?

Inline-Element

<textarea> ist ein Block oder Inline Element?

Inline-Element

<time> ist ein Block oder Inline Element?

Inline-Element

<q> ist ein Block oder Inline Element?

Inline-Element

<s> ist ein Block oder Inline Element?

Inline-Element

<div>

Element zur Auszeichnung von Navigation