|
Aufbau einer HTML - Grundregeln bei der Texteingabe |
|
Wenn Sie zum Erstellen einer HTML-Seite einen Text-Editor (z.B. NotePad) verwenden, sollten Sie sich folgende 4 Grundregeln zu eigen machen:
Mit Beginn einer neuen Seite erstellen Sie zuerst ein Grundgerüst Ihrer HTML-Seite. Dann strukturieren Sie Ihren Quelltext, um den Überblick nicht zu verlieren. Einen Fehler aufzuspüren oder einen vergessenen TAG zu finden, kann recht problematisch werden.
Dabei beachten Sie, daß WWW-Browser Absatzschaltungen und Zeilenumbrüche im Text-Editor ignorieren und den Text automatisch umbrechen.
Und denken Sie während der Texteingabe an die Vorschriften für Umlaute, Sonderzeichen und Besonderheiten bei HTML.
Beispiele, wie Texte einfach formatiert werden: Dieser Text ist fortlaufend unformatiert. ... | | Dieser Text ist fortlaufend unformatiert. ... Dieser Text ist fortlaufend unformatiert. ... Dieser Text ist fortlaufend unformatiert. ... Dieser Text ist fortlaufend unformatiert. ... |
<CENTER>Dieser Text ist zentriert formatiert. ...</CENTER> | Dieser Text ist zentriert formatiert. ... Dieser Text ist zentriert formatiert. ... Dieser Text ist zentriert formatiert. ... Dieser Text ist zentriert formatiert. ... Dieser Text ist fort zentriert formatiert. ... |
<P ALIGN=RIGHT> Dieser Text ist ein Absatz und fortlaufend rechtsbündig formatiert. ... </P> | Dieser Text ist ein Absatz und fortlaufend rechtsbündig formatiert. ... Dieser Text ist ein Absatz und fortlaufend rechtsbündig formatiert. ... Dieser Text ist ein Absatz und fortlaufend rechtsbündig formatiert. ... Dieser Text ist ein Absatz und fortlaufend rechtsbündig formatiert. ... |
<P ALIGN=LEFT> Dieser Text ist ein Absatz und fortlaufend linksbündig formatiert. ...</P> | Dieser Text ist ein Absatz und fortlaufend linksbündig formatiert. ... Dieser Text ist ein Absatz und fortlaufend linksbündig formatiert. ... Dieser Text ist ein Absatz und fortlaufend linksbündig formatiert. ... Dieser Text ist ein Absatz und fortlaufend linksbündig formatiert. ... |
<P ALIGN=JUSTIFY>
Dieser Text ist ein Absatz und fortlaufend
ausgerichtet formatiert.
...</P> | Dieser Text ist ein Absatz und fortlaufend ausgerichtet formatiert. ... Dieser Text ist ein Absatz und fortlaufend ausgerichtet formatiert. ... Dieser Text ist ein Absatz und fortlaufend ausgerichtet formatiert. ... Dieser Text ist ein Absatz und fortlaufend ausgerichtet formatiert. ... |
<P>
Dieser Text ist ein Absatz und
mit einem Zeilenumbruch formatiert.<BR>
Dieser Text ist ein Absatz und mit
einem Zeilenumbruch formatiert.<BR>
</P> | Dieser Text ist ein Absatz und mit Zeilenumbruch formatiert..
Dieser Text ist ein Absatz und mit Zeilenumbruch formatiert.. |
Beispiele, wie Texte einfach editiert werden können: | <B>fetter Text</B> | fetter Text | | <I>kursiver Text</I> | kursiver Text | | <S>durchgestrichener Text</S> | durchgestrichener Text | | <U>unterstrichener Text;/U> | unterstrichener Text |
| <ABBREV>Abkürzung</ABBREV> | Abkürzung | | <ACRONYM>Akronym</ACRONYM> | Akronym | | <AU>Autorenangabe</AU> | Autorenangabe | | <BANNER>Kennzeichen, Logos</BANNER> | Kennzeichen, Logos | | <CITE>Zitate</CITE> | Zitate | | <CODE>Quelltext, Programmtext</CODE> | Quelltext, Programmtext | | <DEL>gelöschter Text (bei Kennzeichnung von Überarbeitungen)</DEL> | gelöschter Text (bei Kennzeichnung von Überarbeitungen) | | <DFN>Definitionen</DFN> | Definitionen | | <EM>hervorgehobener Text</EM> | hervorgehobener Text | | <INS>eingefügter Text (bei Kennzeichnung von Überarbeitungen)</INS> | eingefügter Text (bei Kennzeichnung von Überarbeitungen) | | <KBD>Kennzeichnung von Tastatureingaben</KBD> | Kennzeichnung von Tastatureingaben | | <NOTE>Bemerkung, Notiz</NOTE> | Bemerkung, Notiz | | <PERSON>Personen, Namen</PERSON> | Personen, Namen | | <Q>kurze Zitate</Q> | kurze Zitate | | <SAMP>Beispieltext</SAMP> | Beispieltext | | <STRONG>stark hervorgehobener Text</STRONG> | stark hervorgehobener Text | | <TT>Form Schreibmaschine</TT> | Form Schreibmaschine | | <VAR>Variablen</VAR> | Variablen |
| <ADDRESS>Adresse wie beispielsweise die eMail-Adresse</ADDRESS> | Adresse wie beispielsweise die eMail-Adresse | | <BIG>große Schrift</BIG> | große Schrift | | <BLINK>blinkende Schrift</BLINK> | blinkende Schrift | | <BLOCKQUOTE>Zitate in Blockform werden rechts und links eingerückt.</BLOCKQUOTE> | Zitate in Blockform werden rechts und links eingerückt. | | <CENTER>zentriert</CENTER> | zentriert | | <FONT SIZE=1>E</FONT><FONT SIZE=2>i</FONT><FONT SIZE=3>n</FONT><FONT SIZE=4>s</FONT><FONT SIZE=5>t</FONT><FONT SIZE=6>e</FONT><FONT SIZE=7>ll</FONT><FONT SIZE=6>u</FONT>ung | Einstellung | | <PRE>vorformatierter Text</PRE> | vorformatierter Text | | <SMALL>kleine Schrift</SMALL> | kleine Schrift | | <SUB>tiefgestellte</SUB> Schrift | tiefgestellte Schrift | | <SUP>hochgestellte</SUP> Schrift | hochgestellte Schrift |
|
