Übung 01	Übung 02
Übung 03	Übung 04

Textformatierung

Kurzzusammenfassung

HTML-Dokumente bzw. HTML-Dateien

bestehen aus ASCII-Text. Deshalb können Sie HTML-Dateien mit jedem einfachen Text-Editor bearbeiten. Besser sind allerdings spezielle HTML-Editoren.
enthalten neben dem eigentlichen Text zusätzliche HTML-spezifische Befehle.
bestehen grundsätzlich aus folgenden drei Teilen:
der Angabe des Dokumententyps, z. B.: <!DOCTYPE html>
Header (Kopf <head> ... </head>, enthält Angaben zu Titel <title> ... </title> u.ä .)
Body (Körper <body> ... </body>, enthält den eigentlichen Text mit Überschriften, Verweisen, Grafikreferenzen usw.)

HTML-Befehle

stehen in sog. Tags (=Markierungen).
werden durch spitze Klammern markiert.
treten (fast immer) paarweise (als einleitendes und abschließendes Tag) auf.
können auch als "leere"-Tags auftreten (z.B. <br/> für Zeilenumbruch)
können ineinander verschachtelt werden
können zusätzliche Angaben (Attribute) enthalten

Beispiel für eine einfache HTML-Datei:

<html>
 <head>
  <title>Text des Titels</title>
 </head>
 <body>
  Text, Verweise, Grafikreferenzen usw.
 </body>
</html>

Absatztypen und Textgestaltung

Absatzformat	Start-Tag	Ende-Tag	Beispiel
Überschriften (1. bis 6. Ordnung)	`<H3>`	`</H3>`	Header 3
Absätze	`<p>`	`</p>`	Horst@holyware.de
präformatierter Text	`<pre>`	`</pre>`	Hallo, Welt!
Listeneintrag	`<li>`	`</li>`	Eintrag 1
Definitionslisten	`<dl>`	`</dl>`	Dateiformate und Farbenlehre: Wichtiges zum Thema Grafik
zu definierender Ausdruck (Defintionstitel)	`<dt>`	`</dt>`
Definition	`<dd>`	`</dd>`
Textausrichtung
linksbündig	<p>	</p>	linksbündiger Text
zentriert	`<p style="text-align:center">`	`</p>`	zentrierter Text
rechtsbündig	`<p style="text-align:right">`	`</p>`	rechtsbündiger Text
eingerücktes Zitat	`<blockquote>`	`</blockquote>`	eingerückter Text
Ungeordnete Auflistung	`<UL><LI>`	`</LI></UL>`	Auflistung Punkt 1 Auflistung Punkt 2
Geordnete Aufzählung	`<OL><LI>`	`</LI></OL>`	Aufzählung Punkt 1 Aufzählung Punkt 2
Textstil
normaler Text	`<p style="font-style:normal">`	`</p>`	normaler Text
kursiver Text	`<p style="font-style:italic">`	`</p>`	kursiver Text
unterstrichener Text	<U>	</U>	unterstrichener Text
fetter und kursiver Text	<B><I>	</I></B>	*fetter und kursiver Text*
*Zeichengröße (-2 bis +4)*
Standard+1	<font size=+1>	</font>	Standard+1
Standard+2	<font size=+2>	</font>	Standard+2
Standard-1	<font size=-1>	</font>	Standard-1
Standard-2	<font size=-2>	</font>	Standard-2
*Zeichenfarben*
roter Text	<font color="#ff0000">	</font>	roter Text
grüner Text	<font color="#00ff00">	</font>	grüner Text
blauer Text	<font color="#0000ff">	</font>	blauer Text
grauer Text	<font color="#999999">	</font>	grauer Text
schwarzer Text	<font color="#000000">	</font>	schwarzer Text
*Schriftart*
Standard variable Breite			Standard variable Breite
Standard feste Breite	<TT>	</TT>	`Standard feste Breite`
Arial	<font face="Arial,Helvetica">	</font>	Arial

E-Mail an Horst@holyware.de

Textformatierung

Kurzzusammenfassung

Beispiel für eine einfache HTML-Datei:

Absatztypen und Textgestaltung

Header 3