 |
|||||||||||||||||||||
| www.my-mode.com > tutorial > grundgeruest | |||||||||||||||||||||
|
eine HTML-datei hat immer das selbe grundgeruest, dass im endeffekt aus kopf und koerper, also head und body besteht.
jedes element in einer HTML-datei besteht aus einem anfangs- und einem end-tag, also im endeffekt einem komando, das dem browser sagt: "hier faengt was an... und hier hoert es auf!". so sagt z.b. das tag <html>dass hier die HTML-datei beginnt und das tag </html>dass sie hier zuende ist. logisch, dass es sich somit die beiden am anfang bzw. am ende der datei finden mussen. im kopf finden sich alle angaben, die der browser zur anzeige der datei benoetigt. verwendet wird dafuer das tag <head>...</head>auch hier wie gehabt jeweils am anfang und am ende des kopfes. was schreiben wir nun in den kopf? das ist im falle von i-modeTM gar nicht schwer. zuerst legen wir einen titel fuer unsere seite fest, passenderweise mit dem tag <title>...</title>statt der drei punkte schreibt man natuerlich einen kurzen aussagekraetigen titel hinein. ausserdem findet sich noch ein tag namens "meta" im kopf bzw. head. eintraege bzw. argumente dieses tags helfen den browsern und suchmaschinen, die seite zu bearbeiten und richtig anzeigen zu koennen. fuer (japanische) i-modeTM-seiten gibt es hier nur einen zwingenden eintrag
<META http-equiv="Content-Type"
content="text/html; charset=Shift_JIS">
der dem browser eigentlich nur sagt, dass das dokument html-text enthaelt und dass er bitte die shift-jis codierung fuer die darstellung der kanjis benutzen soll.
fuer eine deutsche i-modeTM-seite sollte der eintrag so aussehen:
<META http-equiv="Content-Type"
content="text/html ; charset=ISO-8859-1">
sie koennen sich auch mit hilfe des meta-tags als autor ihrer seite zu erkennen geben oder suchworte fuer suchmaschinen definieren. all dass pustet die seite aber auf, der user muss diese informationen mit downloaden - und hat doch nichts als kosten davon.
wichtig: das meta-tag hat kein entsprechendes "end"-tag!!! (kleine anmerkung am rande: sowohl auf der e-plus-seite als auch im NTT DoCoMo tutorial findet sich das meta-tag im body - das ist meines erachtens nach FALSCH! das meta-tag gehoert nach wie vor in den kopfabschnitt einer HTML-datei.) fehlt nur noch der passende inhalt der seite - der kommt in den bauch der seite - in den body: <body>...</body>sinnvoll ist es, wenn man sich ein fertiges grundgeruest irgendwo abspeichert, auf dass man jederzeit als vorlage zurueckgreifen kann. hier ein vorschlag, denn sie gerne verwenden duerfen:
<html>
<head>
<title>hier wird der titel reingeschrieben</title>
<meta http-equiv="Content-Type"
content="text/html ; charset=ISO-8859-1">
</head>
<body>
hier kommt der inhalt der seite rein
</body>
</html>
eine hilfe ist es, wenn man sich ein wenig das strukturierte schreiben angewoehnt, so wie eben in dem beispiel. so behaelt man den ueberblick, und wenn man ja mal ein "end"-tag vergessen hat, laesst sich der fehler so leichter aufspueren.
und noch was zum thema ueberblick und orientierung, mit dem kommentar-tag <!--...-->kann man sich notizen mitten in der HTML-datei machen, ohne dass sie vom browser angezeigt werden (wie oben, statt der punkte kommt der kommentar). das ist sehr praktisch waehrend der entwicklung der seiten. die kommentare sollten aber vor dem upload, also dem veroeffentlichen, wieder entfernt werden. der user muesste sie sonst kostenpflichtig mit herunterladen - und haette ja doch nichts davon. anmerkung: zu diesem kapitel gibt es kein explizites beispiel im i-modeTM-bereich von www.my-mode.com. im endeffekt ist ja jede seite auf dem grundgeruest basierend aufgebaut - und kann somit als beispiel herhalten. |
||||||||||||||||||||
