Beachte die Accesskeys für eine schnellere Navigation auf diesen Seiten.

zum Textbeginn   Menü
www.aritamba.de | | News | HTML-Guide online | Downloads | F. A. Q. | Links | Gästebuch | | Über mich | Danksagungen | | Accesskeys | Administration

 

HTML Guide Online


<!-- Dies sind Bemerkungen, die später im Browser nicht angezeigt werden -->
<!-- Diese kannst Du ohne Probleme löschen -->
<!-- Man könnte die ganzen HTML Befehle auch hintereinander schreiben ohne diese zu gliedern, dies ist jedoch für Screenreader Nutzer recht unschön -->
<!-- HTML Befehle heißen Tags und sie werden in kleiner als  und größer als eingeschlossen -->
<!-- Viele Tags müssen mit einem / wieder beendet werden -->
<!-- um in HTML Dokumenten Umlaute so zu verwenden, das sie jeder Browser versteht gibt es bestimmte Codes die zum einen manuell eingegeben werden können und zum anderen von HTML Editoren automatisch eingefügt werden können - ich empfehle Variante 2 -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/transitional.dtd">
<!-- Mit diesen Zeilen wird der Type des Dokuments festgelegt. In dem Fall HTML 4.01 -->

<html>
<!-- Hier beginnt der eigentliche Teil des HTML-Dokumentes -->

<head>
<!-- Hier beginnt der Kopfteil -->

<title> Sebo's kleine HTML Hilfe </title>
<!-- Dies ist der Titel - er wird im Kopfteil des Browsers angezeigt -->

</head>
<!-- Ende des Kopfteils -->

<body text="yellow" bgcolor="black"
      link="red" vlink="violett" alink="orange">
<!-- hier beginnt die Webseite und somit auch die eigentlichen Informationen -->
<!-- Auch die Farben Deiner Seite legst Du hier fest: Textfarbe, Hintergrundfarbe, Linkfarbe, Farbe des aktiven Links und Farbe des inaktiven Links -->

<center>
<!-- hier beginnst Du etwas zu zentrieren -->

<img src="sebo.jpg"
   alt="Foto vom Sebo"
   border=0 height=270 width=188>
<!-- mit img leitest Du ein Bild ein -->
<!-- mit src=  legst du den Dateinamen des Bildes fest - Groß und Klein beachten -->
<!-- Durch alt gibst Du einen sogenannten alternativtext ein, der für SR Nutzer wichtig ist, da ohne ihn keinerlei Möglichkeit gegeben ist zu erfahren, was für ein Bild gezeigt wird -->
<! border=0 heißt, das dieses Bild keinen Rahmen hat -->
<!-- height= ist die Höhe und width= die Breite des Bildes in Pixeln -->
<!-- willlst Du mehrere Bilder verwenden so muss der Pfad angepasst und ggf. ein Verzeichnis angelegt werden -->

</center>
<!-- Die Zentrierung wird aufgehoben -->

<h1>
<!-- Dies ist eine Überschrift der Ebene 1 -->

Herzlich Willkommen

</h1>
<!-- Ende der Überschrift -->

<p>
<!-- Ist ein Absatz gewünscht, also eine doppelte Zeilenschaltung, so wird der ganze Absatz in <p> und </p> eingeschlossen -->

Ein paar kleine Infos, wie und wo man mich erreichen kann.

</p>
<!-- Ende des Absatzes -->

<center>
<!-- beginn einer neuen Zentrierung -->

<table border="1">
<!-- hier beginnt eine Tabelle mit Rahmen -->

<tr>
<!-- hier beginnt die erste Zeile der Tabelle -->

<td>
<!-- das ist die erste Spalte der ersten Zeile der Tabelle -->

<b>
<!-- aktivieren der Fettschrift -->

Name:

</b>
<!-- deaktivieren der Fettschrift -->

</td>
<!-- ende der ersten Spalte der ersten Zeile der Tabelle -->

<td>
<!-- beginn der zweiten Spalte der ersten Zeile der Tabelle -->

Dellit

</td>
<!-- ende der zweiten Spalte der ersten Zeile der Tabelle -->

</tr>
<!-- ende der ersten Zeile der Tabelle -->

<tr>
<!-- beginn der zweiten Zeile der Tabelle -->
<!-- es können beliebig viele Zeilen folgen -->

<td>
<b>
Vorname:
</b>
</td>

<td>
Sebastian
</td>

</tr>

<tr>

<td>
<b>
Spitzname:
</b>
</td>

<td>
Sebo = Sebbo gesprochen
</td>

</tr>

<tr>

<td>
<b>
Straße und Hausnummer:
</b>
</td>

<td>
Barbarossastraße 34
</td>

</tr>

<tr>

<td>
<b>
Postleitzahl und Ort:
</b>
</td>

<td>
09112 Chemnitz
</td>

</tr>

<tr>

<td>
<b>
Mobil:
</b>
</td>

<td>
0179 1162406
</td>

</tr>

<tr>

<td>
<b>
Telefon:
</b>
</td>

<td>
0371 4046180
</td>

</tr>

<tr>

<td>
<b>
Fax:
</b>
</td>

<td>
0371 4046182
</td>

</tr>

<tr>

<td>
<b>
E-Mail:
</b>
</td>

<td>
<a href="mailto:sebo@aritamba.de">
sebo@aritamba.de
</a>
<!-- ein E-MAil LInk - Aufbau - bis auf mailto: - wie beim normalen Link -->
</td>

</tr>

<tr>

<td>
<b>
Web:
</b>
</td>

<td>
<a href="http://www.aritamba.de">
www.aritamba.de
</a>
<!-- hier wird ein Link zu meiner Homepage genannt -->
<!-- ein Link wird immer mit a eingeleitet und endet mit /a -->
<!-- href= ist die Zieladresse -->
<!-- vor dem /a steht noch der Text, den der Besucher sieht -->

</td>
</tr>

</table>
<!-- Ende der Tabelle -->

</center>
<!-- ende der Zentrierung - hier der ganzen Tabelle -->

</body>
<!-- ende des Teils einer Webseite die am Bildschirm sichtbar ist -->

  <p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
</p>
<!-- Wenn eine Webseite den Test auf der oben genannten Seite fehlerfrei überlebt, ist die Webseite schon mal ohne große Programmierfehler. -->

</html>
<!-- ende des HTML Dokumentes -->


zum Menü

Valid HTML 4.01 Transitional

Seit dem 15. Juli 2004 bist Du der Besucher Nr. 3758

Copyright © 2006 by Sebastian Dellit