HTML-Grundgerüst

<html>
<head>
<title>...</title>
</head>
<body>

</body>
</html>

Body (Attribute)
Attribut
Funktion
Beispiel
bgcolor=”Farbe” Hintergrundfarbe <body bgcolor=“blue“>
background=“Quelle“ Hintergrundbild <body background=“bild.gif“>
text=“Farbe“ Textfarbe <body text="#000000">
link="Farbe" Hyperlinkfarbe <body link="#6699FF">
vlink="Farbe" Farbe besuchter Hyperlink <body vlink="#009999">
alink="Farbe" Farbe aktiver Hyperlink <body alink="#000099">
leftmargin="Breite" linker Rand <body leftmargin="2">
topmargin="Höhe" oberer Rand <body topmargin="3">
marginwidth="Breite" Randbreite <body marginwidth="2">
marginheight="Höhe” Randhöhe <body marginheight="1">

nach oben

Formatierungen (Tags)
Tag
Funktion
<br> Zeilenumbruch
<p>…</p> Absatz
<nobr>…</nobr> Umbruch verhindern
<hx>…</hx> Überschrift formatieren (x = h1-h6)
<!--…..--> Kommentar im Quelltext
<b>…</b> Text in Fettschrift
<i>…</i> Text in Kursivschrift
<u>...</u> Text unterstrichen
<strike>...</strike> Text durchgestrichen
<big>...</big> Text vergrößert
<small>...</small> Text verkleinert
<sup>...</sup> Text hochgestellt
<sub>…</sub> Text tiefgestellt
<font>...</font> Schrift formatieren (Attribute notwendig)
<hr>...</hr> horizontale Linie
<blink>...</blink> blinkender Text (nur Netscape)
<marquee>...</marquee> Laufschrift (nur Internet Explorer)

nach oben

Formatierungen (Attribute)
Attribut
Funktion
align=“Ausrichtung“ horizontale Ausrichtung
valign=“Ausrichtung“ vertikale Ausrichtung (für Tabelleninhalte)
size=“Schriftgröße“ Schriftgröße
face=“Schriftart“ Schriftart
color=“Farbe“ Schriftfarbe
width=“Wert“ Breite einer horiz. Linie
noshade kein Schatten für horiz. Linie

nach oben

Aufzählungen / Listen (Tags)
Tag
Funktion
<ul>....</ul> Umrandungstag einer Aufzählung
<ol>…</ol> Umrandung einer Liste
<li>...</li> Aufzählungen / Listeneinträge

 

Aufzählungen / Listen (Attribute)
Attribut
Funktion
type=“Art“ Aufzählungssymbole (disc, square, circle)
start=”Wert” Startwert und Art einer Liste (1, A, a, I, i)

nach oben

Grafiken und Hyperlinks (Tags)
Tag
Funktion
<img src=“Quelle“> Grafik einbinden
<a name=“Ankername“>....</a> Anker für Hyperlink
<a href=“#Ankername“>....</a> Hyperlink zum Ankerpunkt
<a href=“Quelle“>...</a> Hyperlink

 

Grafiken und Hyperlinks (Attribute)
Attribut
Funktion
alt=“Text“ alternativer Text für Grafiken
target=“Wert“ Hyperlink öffnet sich in ..... Browserfenster
Tabellen (Tags)
Tag
Funktion
<table>...</table> öffnet eine Tabelle
<tr>...</tr> Tabellenzeile
<td>...</td> Tabellenspalte

nach oben

Tabellen (Attribute)
Attribut
Funktion
border=“Wert“ Tabellenrahmen
width=“Wert“ Tabellenbreite
height="Wert" Zellenhöhe
bgcolor=“Farbe“ Tabellen- / Zellenfarbe
align=“Ausrichtung“ horizontale Ausrichtung in der Tabelle
valign=“Ausrichtung“ vertikale Ausrichtung in der Tabelle
rowspan=“Wert“ Zeilen verbinden
colspan=“Wert“ Spalten verbinden
cellpadding="Wert" Zellauffüllung
cellspacing="Wert" Zellraum (freiraum zwischen den Zellen)
bordercolor="Farbe" Rahmenfarbe

 

Formulare (Tags)
Tag
Funktion
<form>...</form> Umrandung des Formulars
<input> Eingabefeld / Button (Attribut erforderlich)
<textarea>...</textarea> mehrzeiliges Eingabefeld
<select>...</select> Auswahlliste
<option>...</option> Daten für Auswahllisten

nach oben

Formulare (Attribute)
Attribut
Funktion
method=“Art“ Weiterverarbeitung (post, get)
action=“Ausführung“ Ausführung von Serverprogramm
enctype=“Format“ Formatierung der Daten
type=“Wert“ Art des Feldes bzw. des Buttons
name=“Name“ interne Bezeichnung des Formularteils
size=“Größe“ Größe des Eingabefeldes
maxlength=“Anzahl“ maximale Eingabelänge des Textfeldes
rows=“Anzahl“ Zeilenanzahl der Textarea
cols=“Anzahl“ Spalten der Taxtarea
readonly Eingabefeld gesperrt
value=“Text“ Eingabefeld / Buttontext vorbelegen
multiple name=“Liste“ Mehrfachauswahl für Liste zulassen
selected Vorauswahl für Listeneintrag

 

nach oben