Kleiner Einstieg!
Hinsetzen und eine Homepage in HTML auf einem Texteditor schreiben, tun heute wohl die wenigsten. Die meisten nutzen Programme wie Frontpage, Dreamweaver, Homesite oder andere. Damit geht es ja auch gut, trotzdem sollte man sich etwas mit HTML auskennen. Wenn man schon mal weiß wie was aussieht und wo es im Quelltext steht, reicht das meistens schon aus. Für einen kompletten Einstieg in HTML empfehle ich "SelfHTML" das hier soll nur ein kleiner Hinweis über den Quellcode sein.
Eine Seite sieht vom Gerüst her immer gleich aus. Sie fängt mit <html> an und hört mit </html> auf dazwischen steht zuerst <head> also der Kopf der Seite. Achtung, alles zwischen <head> und </head> ist nicht zu lesen, sondern nur im Quelltext zu sehen.
Folgendendes beinhaltet der head - Bereich: <title> und </title> also der Titel der Seite. Bei mir steht z.B. oben links (ganz oben im meist blauen Teil von IExplorer oder Netscape) "Webmastertrip", weil ich folgendes eingegeben habe: <title>Webmastertrip</title>
Weiterhin stehen zwischen <head> und </head> die Metatags, welche dort die Suchmaschine findet.
Dann kommt der <body> in dem alles sichtbare der Homepage steht. wobei Du bei <body> auch die Hintergrundfarbe der Seite angeben kannst: <body bgcolor="#FFFFFF"> wäre z.B. ein weisser Hintergrund.
Hier noch mal im Überblick:
<html> | So fängt jede html Seite an |
<head> | Der Kopfbereich fängt hier an |
<title>Homepagename</title> | Hier steht der Titel Deiner HP |
Metatags | Hier sollten die Metatags rein |
</head> | Der Kopfbereich ist hier beendet |
<body bgcolor="#FFFFFF"> | Hier fängt der eigentliche Body an, alles wa auf der HP zu sehen ist |
hier steht alles sichtbare! | Hier steht dieses dann |
</body> | Hier ist der sichtbare Bereich zu ende |
</html> | Hier ist die html Seite beendet |
Ein paar grunsätzliche Einträge die zwischen <body> und </body> stehen mit Erklärung:
<a ref="seite.html">hier klicken</a> | Du siehst den Text "hier klicken" und wenn Du darauf klickst, öffnet sich die Seite: "seite.html" |
<img src="bild1.gif"> | Hier würde sich das Bild "bild1.gif" befinden |
<table> <tr> <td>text</td> </tr> </table> |
Das wäre eine unsichtare Tabelle in der das Wort "text" steht. Der ganze Text hier steht in einer sichtbaren Tabelle mit 3 Zeilen und 3 Spalten. Hier drüber ist noch eine Tabelle und das ganze ist verschachtelt in der Tabelle mit grünem Rand. |
Das ist wie erwähnt nur ein kleiner Einblick in HTML, für mehr Info sollte man sich wirklich mit SelfHTML beschäftigen