|
Kurzer Einstieg:
Einfach mal hinsetzen und eine Homepage in HTML auf einem Texteditor schreiben, ist heute wohl die am wenigsten genutzte Möglichkeit. Die meisten User nutzen Programme wie Frontpage (Expression Web), Dreamweaver, Homesite oder andere WYSIWYG Programme [Erklärung: WYSIWYG – Wikipedia]. Mit deisen Programmen geht es ja auch gut, trotzdem sollte man sich etwas mit HTML auskennen. Wenn man schon mal weiß wie die Grundstruktur einer Homepage aussieht und wo bestimmte Befehle im Quelltext stehen, reicht das meistens schon aus. Für einen kompletten Einstieg in HTML empfehle ich "selfhtml.org" das hier soll nur ein kleiner Hinweis über den Quellcode sein.
Eine Seite sieht vom Grundgerü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.
Der Inhalt des head - Bereichs beinhaltet unter anderem: <title> und </title> also der Titel der Seite. Bei unserer Seite steht z.B. oben in der Titeleiste des Browsers "more4webmaster.de ...", weil wir dort folgendes eingegeben haben: <title>more4webmaster.de ...</title>
Weiterhin stehen zwischen <head> und </head> die Metatags, welche beispielsweise für die Suchmaschinen wichtig sind.
Dann kommt der <body>-Bereich in dem alles sichtbare der Homepage steht. Wobei Sie bei <body> auch die Hintergrundfarbe der Seite angeben können: <body bgcolor="#FFFFFF"> wäre z.B. ein weisser Hintergrund.
Im Überblick:
| <html> |
So fängt jede HTML Seite an |
| <head> |
Der Kopfbereich fängt hier an |
| <title>Homepagename</title> |
Hier steht der Titel Ihrer Homepage |
| <META NAME="Keywords" CONTENT="..."> |
Hier sollten die Metatags rein |
| </head> |
Der Kopfbereich ist hier beendet |
| <body bgcolor="#FFFFFF"> |
Hier fängt der eigentliche Body an, d.h. alles was auf der Homepage zu sehen ist |
| </body> |
Hier ist der sichtbare Bereich der Homepage zu ende |
| </html> |
Hier ist die HTML Seite beendet |
Ein paar Einträge die zwischen <body> und </body> stehen - mit Erklärung:
| <a ref="seite.html">hier klicken</a> |
Sie sehen den Text "hier klicken" und wenn Sie darauf klicken, ö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>
|
Dies wäre eine Tabelle in der das Wort "text" steht. Der ganze Text steht in einer Tabelle mit einer Zeile und einer Spalte. |
|
Dies ist, wie bereits erwähnt nur ein kleiner Einblick in HTML - Grundlagen, für mehr Infos finden Sie bei selfhtml.org alles weitere.
Dieser Workshop ist ein Service von more4webmaster.de
Für Hilfe und mehr besuchen Sie unser more4webmaster.com Board
|
