Aufbau einer HTML-Seite und HTML-Kurs für Einsteiger

Wie funktioniert eine HTML-Seite? Der grundlegene Aufbau einer HTML-Seite wird ohne Voraussetzungen klar beschrieben.
Anzeige

Das Grundgerüst einer HTML-Seite sieht so aus:

<html>
< head>
<title>Titel Ihrer Seite</title>
</head>

<body>

</body>
</html>



Im Detail:

  • HTML:

    <html>

    </html>

    bildet das Grundgerüst. Hier wird dem Browser mitgeteilt, dass es sich um ein HTML-Dokument handelt.

  • Head:

    <head>

    </head>

    Hier werden nur wenige "übergreifende" Informationen wie meta-tags (z.B. <meta name="author" content="Markus Dange"> =Angabe des Autors) angegeben. Außerdem können Sie hier z.B. Javaskript-Informationen einfügen.

  • In den Body:

    <body>

    </body>


    kommen die eigentlichen Inhalte hin, wie z.B. Tabellen:

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>Dies ist eine Tabelle mit zwei Zeilen und zwei Spalten</td>
    <td>&nbsp;</td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
    </table>


    ,Links:

    <body>
    <a href="zieldatei.htm">Dies ist ein Link</a>
    </body>


    oder Schrift-Formatierungen:

    <b>Fettschrift</b>


Alles zusammen ergibt dann als HTML-Code:

<html>
<head>
<title>Titel Ihrer Seite</title>
</head>

<body>

<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="50%">Dies ist eine Tabelle mit zwei Zeilen und zwei Spalten</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>


< a href="zieldatei.htm">Dies ist ein Link</a>

<b>Fettschrift</b>

</body>
< /html>


Im Browser sieht das dann so aus:

Dies ist eine Tabelle mit zwei Zeilen und zwei Spalten  
   


Dies ist ein Link

Fettschrift

Damit können Sie nun eine einfache HTML-Seite programmieren. Wer sich nun weiter in die "Programmierung" einarbeiten möchte, findet bei LizzyNet einen sehr gelungenen HTML-Grundkurs, mit dem die wichtigsten Grundlagen Schritt für Schritt erläutert werden.

Wer dann richtig tief in die Gestaltung von Webseiten mit HTML einsteigen möchte, sollte sich auf jeden Fall die ausführlichen Hilfe zu HTML bei de.selfhtml.org ansehen. Dies ist quasi die HTML-Bibel. Zur komfortablen Bearbeitung von HTML können Sie einen der kostenlosen HTML Editoren verwenden, die Sie bei der Entwicklung sehr gut unterstützen. Viel Erfolg!


Anzeige

Mehr Artikel zu »Software/Webhosting«