CSS - Grundlagen
CSS (Cascading Style Sheets) sind im weitesten Sinn Formatvorlagen (Formatierungsanweisungen, Stile), deren Quellcode als Text vorliegt, für HTML- und XML-Dokumente.
Mit CSS kann Inhalt und Darstellung getrennt werden. So kann zB das Aussehen einer ganzen Website durch Änderung der Formatierungsanweisung in einer einzigen CSS-Datei geändert werden.

CSS - Attributselektoren: Class-Selektoren (Klassen)
Unter den Attributselektoren bei CSS sind Class-Selektoren (Klassen) jene, die in einem Dokument mit dem Attribut "class" gekennzeichnet sind und beliebig oft vorkommen dürfen. Sie werden für selbst definierte Stile bzw. "Formatvorlagen" verwendet und ergänzen die Formatierungsvorgaben von HTML-Tags.
Im Beginn-Tag wird dem Attribut "class" ein Name für die Klasse bzw. den Selektor zugewiesen, wobei die Formateigenschaften für die Klasse in den CSS-Anweisungen im "Head-Teil" oder in einer CSS-Datei festgelegt sind.
In einer CSS-Anweisung wird der Class-Selektor durch das Zeichen "." (Punkt) vor dem Namen des Selektoren gekennzeichnet.

Beispiel:
Im Beginntag: <td class="text1">;
In der CSS-Anweisung: .text1 {color:red; font-weight:bold;}, d.h. in der zugehörigen Tabellen-Zelle wird die Text-Formatierung von der Klasse "text1" bestimmt und somit rot und fett geschrieben.

CSS - Attributselektoren: ID-Selektoren
Unter den Attributselektoren bei CSS sind ID-Selektoren jene, die in einem Dokument mit dem Attribut "id" gekennzeichnet sind und deren Name eindeutig sein soll, d.h. im selben Dokument nur einmal vorkommen sollen und deshalb eindeutig identifiziert werden können.
ID-Selektoren werden u.a. für Positionierungen von Elementen im Browser-Fenster und häufig zusammen mit DIV-Tags verwendet.
Im Beginn-Tag wird dem Attribut "id" ein eindeutiger Wert als Name, der auch in anderen Programmiersprachen verwendet werden kann, zugewiesen.
In einer CSS-Datei oder im "Head-Teil" eines HTML-Dokuments wird der ID-Selektor durch das Zeichen "#" (Raute) vor dem Namen des Selektoren gekennzeichnet.
Beispiel:
Im Beginntag: <div id="objekt1">;
in der CSS-Anweisung: #objekt1 {position:absolute; left:20px; top:50px;}, d.h. "Objekt1" wird im Browser-Fenster mit einem linken Abstand von 20 Pixel und einem oberen Abstand von 50 Pixel positioniert.

CSS - mehrere Deklarationen
Deklarationen in CSS-Anweisungen, die für den gleichen Selektor bestimmt sind, werden innerhalb der geschwungenen Klammer durch Strichpunkte (Semikola) getrennt.
Mehrere Werte, die für dieselbe Deklaration bestimmt sind, werden durch Beistriche getrennt.
Beispiel:
h1 {font-family: Arial, Helevetica, sans-serif; font: bold; font-size: 18px}, d.h. Ãœberschriften 1 (<h1>) werden - je nach Verfügbarkeit - mit der Schriftfamilie Arial, Helvetica oder sans-serif, fett und mit einer Schriftgröße von 18 Pixel geschrieben.

CSS - Selektor und Deklaration
CSS-Anweisungen bestehen aus zwei Teilen, und zwar dem Selektor und der Deklaration.
Der Selektor bestimmt, für welches Element eine Formatierung vorgenommen wird.
Die Deklaration steht innerhalb von geschwungenen Klammern und bestimmt die Gestaltung von Elementen. Die Deklaration wiederum besteht aus der Eigenschaft und dem zugehörigen Wert, getrennt durch einen Doppelpunkt.

Beispiel:
h1 {color:blue}, d.h. Ãœberschriften 1 (<h1>) werden blau geschrieben.

Neuerungen in CSS 3
CSS 3 (Cascading Style Sheet Level 3) als Nachfolger von CSS 2.1 ist, basierend auf den Elementen und der Syntax von CSS 2, modular aufgebaut und enthält eine große Anzahl von neuen Elementen, Funktionen und Modulen. Dies sind unter anderem:
Einbetten von Schriftarten, die nicht auf dem Computer des Users installiert sind
Neue Schrift-Eigenschaften (zB Regeln für Zeilenumbruch, Mehrspaltigkeit)
Farbverläufe (zB für Hintergründe)
Halbtransparente Hintergründe und Elemente (von durchsichtigt bis undurchsichtig)
Rotationen (zB Drehung von Ebenen mit Inhalt)
Schlagschatten (zB für Texte und Box)
Animationen, Transitions (zB weiche Bildübergänge)
2D- und 3D-Transformationen (Verformungen)
Neue Pseudoelemente (zB für Tabellenelemente und Listen)
Veränderung von Farbe und Position in Eingabefeldern
Neue Eigenschaften für Medien (zB Positionierung)

CSS-Anweisungen, Einsatz
CSS-Anweisungen (Formatierungsanweisungen, Stile) können auf folgende Weise eingesetzt werden.
[1] Inline CSS-Anweisungen: im Beginn-Tag als Attribut, wobei dem Attribut "style" die Werte innerhalb von Anführungzeichen zugewiesen werden.
[2] Interne CSS-Anweisungen: im Headbereich, wobei die CSS-Anweisungen zwischen den Tags <style type="text/css"> und </style> stehen.
[3] Externe CSS-Anweisungen: in einer externen Datei, deren Dateiendung üblicherweise ".css" heißt.

CSS - Positionierung
Mit Hilfe von CSS-Anweisungen können Elemente wie Bilder oder Ebenen in einem Browserfenster positioniert werden. Dabei werden die Attribute "id" für ID-Selektoren oder "style" für unmittelbare Anweisungen direkt im Beginn-Tag verwendet.
Für die Eigenschaft "position" sind folgende Möglichkeiten von praktischer Bedeutung:
[1] position:absolute --> die Lage des Elements ist fixiert durch Abstände zum Fensterrand, das Objekt wird jedoch beim Scrollen mitbewegt.
[2] position:relative --> die Lage des Elements wird durch die Abstände zum übergeordneten Element bestimmt.
[3] position:fixed --> die Lage des Elements ist fixiert durch Abstände zum Fensterrand, das Objekt wird jedoch beim Scrollen nicht mitbewegt. Nicht alle Browser-Versionen verstehen diese CSS-Anweisung.
Die Abstände werden durch folgende Eigenschaften festgelegt:
[1] top: Abstand von oben;
[2] left: Abstand von links
[3] bottom: Abstand von unten;
[4] right: Abstand von rechts;
Die Abstände können in Pixel (px) oder als Prozentzahlen (%) angegeben werden.

Beispiel:
Im Beginn-Tag mit "style":
<div style="position:absolute; left:20px; top:30px; width:120px; height:60px;">;
das gleiche Beispiel mit ID-Selektor (wird als "Ebene" bezeichnet):
<div id="layer1">;

In der CSS-Anweisung:
#layer1 {
position:absolute;
left:20px;
top:30px;
width:120px;
height:60px;
}
d.h. das DIV-Element (Ebene "layer1") mit einer Breite von 200 Pixel und einer Höhe von 100 Pixel wird 200 Pixel und 50 Pixel vom oberen Fensterrand fix positioniert.

Pseudoklassen für Hyperlinks
Mit Pseudoklassen können mit CSS bestimmte Eigenschaften eines Elements formatiert werden. Sie beginnen mit einem Doppelpunkt (:) und dürfen weder davor noch dahinter Leerzeichen aufweisen. Am häufigsten werden Pseudoklassen zum dynamischen Formatieren von Hyperlinks (Links) verwendet. Sie beziehen sich auf den Tag <a> und müssen in der folgenden Reihenfolge definiert werden:
[1] :link - Neuer Hyperlink, der noch nicht ausgewählt bzw. besucht wurde
[2] :visited - Bereits ausgewählter bzw. besuchter Hyperlink
[3] :hover - Hyperlink, über dem sich gerade das Zeigegerät befindet
[4] :active - Hyperlink, der gerade aktiv bzw. ausgewählt ist.

Beispiel
HTML-Quellcode des Hyperlinks (zB): <a href="http://www.cadat.at/">www.cadat.at</a>
CSS-Quellcode für Pseudoklassen, angewendet auf den Hyperlink ( <a href=.....>...</a>);
a:link {color: #096;}
a:visited {color: #666;}
a:hover {color: #F00;}
a:active {text-decoration: underline overline;}
Der neue Link wird in einer grün-blauen und der besuchte in einer grauen Farbe angezeigt. Beim Darüberfahren mit dem Zeigegerät erscheint der Link rot. Beim aktiven Link wird noch ein waagrechter Strich oben (overline) hinzugefügt,

CSS - Selektoren-Typen
Bei CSS gibt es drei Arten von Selektorentypen:

[1] Typselektoren sind HTML-Tags wie zB <body> oder <h1>.
[2] Attributselektoren werden in Klassenselektoren und ID-Selektoren eingeteilt. Klassen (Stile) können in einer HTML-Datei, gekennzeichnet mit dem Attribut "class", beliebig oft eingesetzt werden, während IDs in einem HTML-Dokument, gekennzeichnet mit dem Attribut "id", eindeutig sein müssen.
[3] Pseudoklassen werden üblicherweise im Zusammenhang mit Hyperlinks verwendet.

Framesets
Framesets unterteilen das Browserfenster in zwei oder mehrere Bereiche, Frames genannt. In jedem Frame kann eine HTML-Datei geladen und angezeigt werden. Durch die Verlinkungsmöglichkeiten können in den einzelnen Frames weitere Dateien geladen bzw. ersetzt werden.
Das linke Frame wird meistens für die Navigation verwendet, während das große, meistens rechte, die Inhalte zeigt. Bei einem drei- oder vierteiligen Frame wird das obere Frame häufig für Banner oder Menüs, das untere auch für Werbung eingesetzt.
Um in einem Frame eine Datei durch eine andere zu ersetzen, wird bei der Verlinkung das Attribut "target", welches das Ziel (Frame- bzw. Fensternamen) der Verlinkung im Frameset angibt, benötigt (zB <a href="aktuell.html" target = "inhalt">).

Das Minimum, ein zweiteiliges Frameset, benötigt am Anfang drei Dateien, nämlich das Frameset, eine HTML-Datei, welche die Einteilung des Browserfensters bestimmt, und zwei HTML-Dateien, die in den beiden Frames aufgerufen und angezeigt werden. Für ein dreiteiliges Frameset sind vier Dateien erforderlich.

Frameset im Quellcode
Im Quellcode wird das Frameset, im Prinzip eine HTML-Datei, durch den Tag <frameset> eingeleitet und mit </frameset> beendet. Die horizontale Teilung wird mit dem Attribut "rows" und die vertikale mit dem Attribut "cols" vorgenommen. Als Werte können Zahlen (zB "30"), welche die Breite der Spalten oder Zeilen in Pixel bestimmen, oder Prozenangaben (zB "30%") eingegeben werden.
Eine Sonderstellung nimmt das Zeichen "*" ein: Es steht für alle Pixel oder Prozent bzw. für den Rest der zur Verfügung stehenden Fenstergröße.
Ein Browser, der keine Frames anzeigen kann, ignoriert das Frameset und zeigt nur den Inhalt zwischen den Tags <noframes> und </noframes>.

Beispiel:
cols="80,*": Im folgenden Frameset wird das Browserfenster vertikal geteilt, wobei die linke Spalte 80 Pixel breit ist und die rechte Spalte so breit wie möglich angezeigt wird.
<frameset cols="80,*" frameborder="no" border="0" framespacing="0">
<frame src="menue.html" name="navigation" scrolling="No" noresize="noresize" id="navigation" title="Men" />
<frame src="aktuell.html" name="inhalt" id="inhalt" title="Aktuell" />
</frameset>
<noframes><body>Ihr alter Browser kann leider keine Frames anzeigen.
</body>
</noframes>

Bilder in HTML - Grundlagen
Grafiken bzw. Bilder werden in HTML mit dem Tag <img> eingebunden. Der Browser kann Grafik-Dateien im JPG-Format, im GIF-Format und im PNG-Format anzeigen.
Dazu wird als minimale Angabe das Attribut "src" benötigt, das auf die "Quelle" d.h. den Speicherort, erforderlichenfalls mit Pfadangabe, hinweist. Die Bilder bzw. Grafiken sollen so groß wie tatsächlich benötigt sein, um nicht unnötig Webspeicher zu verbrauchen oder die Ausgangsqualität zu verschlechtern. Ãœblicherweise werden sie in eigenen Ordnern (meistens mit "images" oder "bilder" benannt) abgelegt.
Besonders erwünscht sind in jedem Fall die Angaben für die Breite (Attribut "width"), Höhe (Attribut "height") und das Attribut "alt". Das Attribut "alt" gibt einen Hinweis auf das Bild, falls es aus irgend einem Grund nicht angezeigt werden kann und ist für barrierefreie Zugänge wichtig, weil Software beispielsweise Blinden den Inhalt des Attributes "alt" vorlesen kann.

Beispiel für absolutes Minimum:
<img src="images/bildname.jpg">;
Standardbeispiel mit Pfadangabe:
<img src="images/bildname.jpg" alt="Fachschule" width="200" height="100">

HTML
HTML (Hypertext Markup Language) ist eine auf Text basierende Sprache, die vor allem für das Internet entwickelt wurde und deren Inhalt von den Web-Browsern gelesen und auf den Bildschirmen angezeigt werden kann. HTML ist eine sogenannte Auszeichnungssprache, wobei die Anweisungen für Browser in TAGs, einem Text zwischen spitzen Klammern (zB <HTML>), stehen. Der anzuzeigende Inhalt steht zwischen öffnenden und schließenden Tags, wobei sich der schließende Tag durch einen Schrägstrich zwischen den spitzen Klammern vom öffnenden Tag unterscheidet.
Beispiel: <td>Dieser Text steht in einer Tabellenzelle</td>

HTML 4
HTML 4.0 wurde im Dezember 1997 vom W3C (World Wide Web Consortium) als neuer Standard für HTML eingeführt und ersetzte HTML 3.2. Im Dezember 1999 gab es mit HTML 4.01 eine neue Version, welche viele kleinere Korrekturen berücksichtigte.
Neu waren in HTML 4 u.a.:
Neue Möglichkeiten für die Einbettung von Objekten (zB Multimedia-Objekte);
Einbinden von Skriptsprachen;
Stylesheets (Formatvorlagen);
Besser Druckfunktionen;
Bessere Unterstützung von barreierefreien Websiten;
Unterstützung von Frames und Framesets;
Erweiterung der Möglichkeiten für Formulare und Tabellen;

Es wurden 24 neue Elemente (Tags) in HTML 4 eingeführt.
Um sowohl ältere als auch neu erstellte Webseiten zu unterstützen, wurden drei HTML-Varianten definiert, wobei die jeweilige Version am Beginn der HTML-Datei eingetragen wird.

HTML 4, HTML-Varianten
Regeln für HTML-Dateien sind in den Dokumenttypdefinition (DTD = document type definition) festgelegt. Für alte und neue Websites gibt es drei unterschiedliche Dokumenttypdefinitionen:
[1] Strict: Eine bestimmte Auswahl von Elementen (Tags und Attribute) darf verwendet werden. Früher verwendete Elemente bzw. deren Eigenschaften zur Präsentation von Elementen sollen in Stylesheets (Formatvorlagen) definiert werden.
[2] Transitional: Auch ältere Tags und Attribute dürfen verwendet werden, damit auch ältere Wensites vom Browes angezeigt werden können.
[3] Frameset: Diese Variante ist identisch mit der Variante "Transitional", ist jedoch für die Erstellung von Framesets vorgesehen. Anstatt des Elements <body> wird jedoch <frameset> erwartet.

Beispiele:
Die Angabe der Dokumenttypdefinition muss immer vor dem Element <HTML> stehen.
[1] Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
[2] Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
[3] Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

HTML 5
HTML 5 wurde 2009 als "Working Draft" erstamls vorgestellt und befindet sich zur Zeit (2012) noch immer in Entwicklung. Trotzdem wird HTML 5 bereits jetzt, vor allem im Bereich des Mobilfunks mit zunehmender starker Verbreitung eingesetzt. HTML 5 ersetzt HTML 4.01, XHTML 1.0 und DOM HTML Level 2. HTML 5 ist praktisch seit 2011 fertiggestellt, soll jedoch erst 2014 offiziell verabschiedet werden.
Neue Funktionalitäten sind u.a.:
Direkte Unterstützung von einigen Video- und Audio-Formaten (zB mit den Tags "video" und "audio" ohne zusätzliche Plugins);
Neue Elemente zur Strukturierung von Dokumenten (zB "header", "nav", "footer");
Neue Formularelementen und Attribute (zB "time" für Datumseingabe, "email" für Email-Adressen);
Beschriftungen für Abbildungen ("figure");
Bereitstellung von Zeichenflächen für Anwendungen ("canvas");

Medien: <video> - automatisch abspielen
In HTML 5 können Videos mit Hilfe des Tags <video> und mit dem Attribut autoplay automatisch abgespielt werden
Siehe auch -> Medien: <video> - minimaler Quellcode ohne Bedienelemente

Beispiel 3:
<video width="320" height="180" autoplay>
<source src="Volleyball320x180.mp4" type="video/mp4">
<source src="Volleyball320x180.ogv" type="video/ogg">
Ihr Browser versteht HTML5 nicht.
</video>
Ohne "autoplay" wird das Video nicht automatisch abgespielt. Das Attribut "autoplay" benötigt keine Werte, sein Vorhandensein bewirkt den automatischen Start des Videos.
Das Video in Zeile 2 im H.264 Codec wird von Google Chrome, Internet Explorer und Safari verstanden, das Video in Zeile 3 im Ogg Theora Codec (freier Codec) von Firefox.
-> Video-Test mit kleiner Datei in geringer Qualität auf eigener Seite

Medien: <video> - minimaler Quellcode ohne Bedienelemente
In HTML 5 können Videos mit Hilfe des neuen Tags <video> wesentlich einfacher eingebettet und abgespielt werden als in früheren HTML-Versionen. Es werden keine zusätzlichen Plug-ins und Add-ons benötigt, Allerdings muss der Browser den Codec des abzuspielenden Videos unterstützen. Derzeit werden zwei Video-Codecs favorisiert : Ogg (lizenzfrei, Dateieendung "ogv", type="video/ogg") und H.264 (Dateieindung "mp4", type="video/mp4").
Minimal ist zwischen den Tags <video> und </video> die Videodatei als Source ("Quelle") und der Codec-Typ ("type=...") anzugeben. Zu empfehlen ist auch die Breite und Hohe des Videoframes in Pixel als Attribute ind den Video-Tag zu schreiben.

Beispiel 1:
<video>
<source src="Volleyball480x270.mp4" type="video/mp4">
</video>
Das sind minimale Angaben, wobei der HTML5-fähige Browser in der Regel die Framegröße des Videos ermittelt und ohne Kontrolleiste abspielt, wenn mit der rechten Maustaste auf den Eintrag "Start" des Kontextrmenüs geklickt wird.

Beispiel 2:
<video width="480" height="270">
<source src="Volleyball480x270.mp4" type="video/mp4">
<source src="Volleyball480x270.ogv" type="video/ogg">
Ihr Browser ist zu alt und versteht HTML 5 nicht!
</video>
Innerhalb des Tags <video> ist hier auch die Breite und Höhe des Videoframes (480 x 270 Pixel) angegeben. Der Browser spielt das erste Video, das er decodieren kann, ab (2. und 3. Zeile). In der vorletzten Zeile steht eine Botschaft an alle alten Browser, die HTML 5 noch nicht verstehen.

Medien: <video> - Quellcode mit Bedienelementen
In HTML 5 können Videos mit Hilfe des neuen Tags <video> mit und ohne Bedienelementen (Kontrollleisten) einfacher angezeigt und abgespielt werden als in früheren HTML-Versionen. Durch das Attribut "controls" im Tag <video> werden die Bedienelemente aktiviert und angezeigt. Die Darstelllung und Verhaltensweise dieser Kontrolleiste ist in jedem Browser anders.

Beispiel 4:
<video width="320" height="180" controls>
<source src="Volleyball320x180.mp4" type="video/mp4">
<source src="Volleyball320x180.ogv" type="video/ogg">
Ihr Browser versteht HTML5 nicht.
</video>
Das Attribut "controls" benötigt keine Werte. Beispiel für Darstellung und Verhalten der Bedienleiste:
[1] Google Chrome: Kontrolleiste wird am Anfang und am Ende und beim Darüberfahren mit dem Zeigegeätt angezeigt
[2] Microsoft Internet Explorer: Kontrolleiste wird am Anfang nicht angezeigt, jedoch beim Darüberfahren mit dem Zeigegeät eingeblendet
[3] Mozilla Firefox: Kontrolleiste wird am Anfang und am Ende und beim Darüberfahren mit dem Zeigegeätt angezeigt,
[4] Apple Safari: Kontrolleiste wird am Anfang und am Ende und beim Darüberfahren mit dem Zeigegeätt angezeigt

<div> - <span>
Die Tags <div> und <span> werden zum Gruppieren und Strukturieren des Dokuments, meistens in Zusammenhang mit den Attributen "class" und "id" benutzt.
Das Element <div> wird häufig auch, in Verbindung mit "id", zur Erstellung und Positionierung von Ebenen, die ihrerseits Elemente wie zB Bilder und Text enthalten können, auf der Webseite eingesetzt.
Das Element <span> kann in Verbindung mit "class" auch mitten im Text zur Formatierung von Textteilen verwendet werden, ohne dass der Textfluss beeinträchtigt wird.

Anmerkung:Der Hauptunterschied zwischen den beiden Tags besteht darin, dass nach <div>...</div> ein Zeilenumbruch erfolgt und nach <span>...</span> nicht.

Aufbau von Meta-Tags
Meta-Tags stehen im Head-Teil einer Webseite (HTML, PHP etc.) und liefern zB Informationen für Suchmaschinen. Es gibt eine große Anzahl von Meta-Tags, die aber von Suchmaschinen häufig ignoriert werden. Sie sind im Browser nicht sichtbar und bestehen aus dem Tag <meta> selbst und aus zwei Attributen im Tag. Das erste Attribut hat entweder die Bezeichnung "name" oder "http-equiv", Das zweite Attribut hat die Bezeichnung "content" und enthält sozusagen den Inhalt bzw die Werte.

[1] Meta-Tags mit dem Attribut "http-equiv" beziehen sich zB auf die Sprache oder den Zeichensatz der Webseite und waren ursprünglich als Information für den Webserver gedacht.
Beispiel 1: <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
Dieser Meta-Tag informiert, dass auf dieser Webseite der UTF-8 Zeichensatz verwendet wird

[2] Meta-Tags mit dem Attribut "name" bieten vor allem Informationen für Web-Browser und Suchmaschinen-Robots.
Beispiel 2: <meta name="author" content="Martin Forinstance">
Dieser Meta-Tag informiert, wer der Autor dieser Webseite ist.

Meta-Tag: charset="Zeichenkodierung"
Durch das Attribut "charset" eines Meta-Tags wird die Zeichenkodierung, die in der zugehörigen HTML- oder XML-Datei verwendet wird, angegeben. Die Zeichencodierung teilt dem Browser mit, welche Zeichen für die Anzeige verwendet werden müssen. Ist dieser Meta-Tag nicht vorhanden oder der falsche Zeichensatz angegeben, werden Sonderzeichen einer Sprache sehr wahrscheinlich falsch angezeigt.
[1]<meta charset="Zeichenkodierung">
Meta-Tags werden im <head> (Kopf) einer Webseite platziert.

Beispiel:
<meta charset="UTF-8">

Meta-Tag: name="description"
Mit dem Meta-Tag "description" kann eine kurze Beschreibung einer Webseite angegeben werden, die zB Suchmaschinen verwenden um bestimmte Seiten mit bestimmten Inhalten in ihren Suchergebnissen anzeigen:
[1]<meta name="description" content="Beschreibung">
Meta-Tags werden im <head> (Kopf) einer Webseite platziert.

Beispiel:
<meta name="description" content="Informationen für Lernende zu Bildbearbeitung und Webdesign">

Meta-Tag: name="keywords"
Mit dem Meta-Tag "keywords" können bestimmte Stichwörter, die in einer Webseite enthalten sind, angegeben werden. Diese Stichwörter können zB in den Suchdatenbanken von Suchmaschinen vorhanden sein und als Begriffe für die Suche im Internet verwendet werden. Mehrere Stichwörter sollen durch Beistriche getrennt werden:
[1]<meta name="keywords" content="Stichwörter">
Meta-Tags werden im <head> (Kopf) einer Webseite platziert.

Beispiel:
<meta name="keywords" content="Foto, Grafik, Gemälde, visuelle Kompositionen, Objektkunst">