Was ist HTML?
HTML Stand: 2001-05-10
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> |
Publiziert am: Donnerstag, 28. Februar 2008 (5765 mal gelesen)
Copyright © by pragmaMx Demoseite
[ Zurück ]