Was ist HTML?
HTML Stand: 2001-05-10
HTML steht für Hypertext Markup Language.
Es handelt sich um eine "Sprache", mit der WWW-Dokumente erstellt werden.
Schriftart, Schriftgröße, Textformatierungen, Darstellung von
Bildelementen, Farbdefinitionen, Links u.a. lassen sich so beschreiben.
HTML ist ein offener Standard und wird ständig weiterentwickelt. HTML
Dokumente sind plattformunabhängig, d.h. sie können sowohl von
einem Windows-PC als auch von einem Apple-PC dargestellt werden.
Adressen von HTML-Dokumenten fangen mit http://an (HTTP, Internetdienst zur Darstellung von HTML-Dokumenten) und enden mit dem Dateityp .htmlbzw. .htm.
Von der Bedienung her erinnert die HTML-Technik an die Windows-Hilfen: Über markierte Texte oder Bildelemente gelangt man per Mausklick an die gewünschte Stelle.
Auch dieser Text, den Sie mit Hilfe eines Internet-Browsers lesen, ist in HTML verfasst.
Wenn Sie sich mit Hilfe des Browsers den Quellcode (auch als Quelltext oder "Page Source" bezeichnet) einer HTML-Seite anzeigen lassen oder eine solche Datei mit einem ganz normalen Text-Editor öffnen, sehen Sie "HTML pur". Der Quelltext enthält Steuersymbole (auch Tags genannt), die in spitzen Klammern stehen. Es soll Spezialisten geben, die HTML-Dokumente direkt im Quellcode schreiben. Aber keine Angst, mit HTML-Editoren erstellen Sie selber auf einfachste Art und Weise solche Seiten. Siehe auch 'Der Weg zur eigenen Homepage'.
Adressen von HTML-Dokumenten fangen mit http://an (HTTP, Internetdienst zur Darstellung von HTML-Dokumenten) und enden mit dem Dateityp .htmlbzw. .htm.
Von der Bedienung her erinnert die HTML-Technik an die Windows-Hilfen: Über markierte Texte oder Bildelemente gelangt man per Mausklick an die gewünschte Stelle.
Auch dieser Text, den Sie mit Hilfe eines Internet-Browsers lesen, ist in HTML verfasst.
Wenn Sie sich mit Hilfe des Browsers den Quellcode (auch als Quelltext oder "Page Source" bezeichnet) einer HTML-Seite anzeigen lassen oder eine solche Datei mit einem ganz normalen Text-Editor öffnen, sehen Sie "HTML pur". Der Quelltext enthält Steuersymbole (auch Tags genannt), die in spitzen Klammern stehen. Es soll Spezialisten geben, die HTML-Dokumente direkt im Quellcode schreiben. Aber keine Angst, mit HTML-Editoren erstellen Sie selber auf einfachste Art und Weise solche Seiten. Siehe auch 'Der Weg zur eigenen Homepage'.
Was kann HTML?
Hier sehen Sie ein paar Beispiele mit Quellcode:Darstellung im Browser-Fenster: | so sieht´s im Quellcode aus (Tags blau markiert): | ||||||
Wenn Sie die rechtsstehenden Zeilen mit Hilfe eines Editors eintippen und als Textdatei 'htmltest.htm' speichern, stellt der Browser eine Seite mit 'Hallo' und der Überschrift 'HTML-Testseite' dar. | <HTML> <HEAD><TITLE>HTML-Testseite</TITLE></HEAD> <BODY>Hallo</BODY> </HTML> |
||||||
Texte können linksbündig, rechtsbündig und zentriert dargestellt werden | Texte können linksbündig, <DIV ALIGN=right>rechtsbündig</DIV> <CENTER>und zentriert</CENTER> dargestellt werden |
||||||
Sonderzeichen werden ersetzt: ÄäÖöÜüß%&§ |
ÄäÖöÜüß%&§ | ||||||
Schriftart und Größe, Schrift mit festem Zeichenabstand: 1-fach verkleinert normal 1-fach vergrößert 2-fach vergrößert proportionale Schrift: |
<TT><FONT SIZE=-1>1-fach
verkleinert</FONT></TT> <FONT SIZE=-1>1-fach
verkleinert</FONT> |
||||||
6 unterschiedliche Überschriften: Überschrift 1Überschrift 2Überschrift 3Überschrift 4Überschrift 5Überschrift 6 |
<H1>Überschrift 1</H1> <H2>Überschrift 2</H2> <H3>Überschrift 3</H3> <H4>Überschrift 4</H4> <H5>Überschrift 5</H5> <H6>Überschrift 4</H6> |
||||||
Trennlinien: |
Trennlinien: <HR SIZE=3 NOSHADE WIDTH="100%"> <HR SIZE=4 WIDTH="90%"> <HR SIZE=10 WIDTH="80%"> |
||||||
UnterschiedlicheFarbedesTextes | <FONT COLOR="#CC9966">Unterschiedliche</FONT> <FONT COLOR="#0000FF">Farbe</FONT> <FONT COLOR="#DD0000">des</FONT> <FONT COLOR="#FF6633">Textes</FONT> |
||||||
normal fett kursiv unterstrichen hochgestellttiefgestellt |
normal <B>fett</B> <I>kursiv</I> <U>unterstrichen</U> <STRIKE>durchgestrichen</STRIKE> <BLINK>blinkend</BLINK> <SUP>hochgestellt</SUP><SUB>tiefgestellt</SUB> |
||||||
Bildelemente können in den Text eingefügt werden und dabei links, zentriert oder
rechts angeordnet werden.
|
Bildelemente <img
SRC="wwwglobe.gif" height=30 width=33> können in den Text eingefügt werden und dabei links, zentriert oder rechts angeordnet werden. <div align=right><img SRC="nc40.gif" height=32 width=32></div> |
||||||
Auch Tabellen sind möglich:
|
<TABLE BORDER COLS=3 WIDTH="100%"
BGCOLOR="#FFFF00" > <TR><TD>Tabelle</TD> <TD>Spalte 1</TD> <TD>Spalte 2</TD></TR> <TR><TD>Reihe 1</TD> <TD>Wert 1.1</TD> <TD>Wert 1.2</TD></TR> </TABLE> |
||||||
Über Links (markierte Texte oder anklickbare Bilder)
gelangen Sie zu anderen HTML-Dokumenten, z.B: http://www.google.de/ bzw. , oder springen innerhalb eines Dokumentes an eine andere Position Seitenbeginn. |
Über Links (markierte Texte oder anklickbare
Bilder) gelangen Sie zu anderen HTML-Dokumenten <A HREF="http://www.netscape.com">http://www.netscape.com</A> bzw. <A HREF="http://www.netscape.com"><IMG SRC="nc40.gif" alt="Netscape" BORDER=0 HEIGHT=32 WIDTH=32></A>, oder springen innerhalb eines Dokumentes an eine andere Position<A HREF="#WasistHTML">Seitenbeginn</A> |
||||||
Auch Formulare zur Eingabe sind möglich: |
<FORM ACTION="mailto:email_address"
METHOD="POST"> <BR><INPUT TYPE="text" NAME="realname" SIZE="15"><B>Name</B> <BR><INPUT TYPE="text" NAME="email" SIZE="15"><B>Adresse</B> <BR></FORM> |
© Bernd Zimmermann 1997-2007
Published on: Thursday, 28. February 2008 (6062 reads)
Copyright © by pragmaMx Demoseite
[ Go back ]
Themes
Tag Cloud