Webdesign in Html
|
|
Html-Quelltext | Bedeutung und Darstellung in der Website |
---|---|
<!-- das ist ein Kommentar, er wird in der Browseransicht der Webseite nicht ausgegeben sondern nur im Quelltext-->. | Als Kommentar kann der Webdesigner oder Webmaster Notizen zur Website aufschreiben. Dies macht vor allen Dingen bei langen Quelltexten Sinn, um einen besseren Überblick innerhalb der Website zu behalten. Auch wenn mehrere Webdesigner an einer Website arbeiten sind Kommentare von Vorteil. |
<!-- ********************************************************--> | Mit diesem Kommentar kann der Quelltext der Webseite strukturiert werden, wobei die Zeichen zwischen Kommentaranfang und -ende frei gewählt werden können und auch variieren können. |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> |
Der Doctype wird ganz am Anfang jeder Seite notiert, noch vor dem einleitenden html-Tag Information für den Webbrowser zur verwendeten Auszeichnungssprache, in diesem Fall Html 4.01 Doctype eins und zwei können in ganz normalen Webseiten und den Frameseiten die in ein Frameset geladen werden sollen verwendet werden. Doctype drei wird in den Kopf des Framesets geschrieben Es gibt noch weitere Doctypes aber für den Anfang sollten diese ausreichen. Sie funktionieren auch mit alten Browsern. |
<html > <head > <title >Titel der Webseite. Dieser wird in manchen Browsern (IE) zum speichern angeboten </title > </head > <body > hier steht der eigentliche Inhalt der Webseite </body ></html > |
Das ist der normale Grundaufbau jeder einzelnen Webseite. Dieser Grundaufbau kann durch weitere Elemente ergänzt werden. Es sollte noch ein Doctype vorangestellt werden. Dieser muß entsprechend der Art der Webseite ausgewählt werden. |
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> | Schreiben Sie diese Angabe gleich zu Beginn in den Kopfbereich (zwischen <head> und </head>) der html-Datei, noch vor den einleitenden title-Tag, um dem Browser mitzuteilen, welche Zeichenkodierung verwendet wird. ISO-8859-1 gilt für westeuropäische Sprachen, darunter auch deutsch. |
<hr > | Horizontale Linie, damit lassen sich auf einfache Weise Bereiche der Webseite unterteilen. |
<br> | Zeilenumbruch |
<p> </p> | Blockelement Innerhalb von p-Tags dürfen Sie nur inline-Elemente verwenden, wollen Sie Ihren Quelltext Html-konform gestalten. Überschriften dürfen beispielsweise nicht mit im p-Tag eingeschlossen sein. Auch wenn der IE dies tolleriert und alles wie gewünscht anzeigt haben manche Browser Probleme damit wenn andere Blockelemente in p-Tags eingeschlossen sind, vor allem wenn weitere Formatierungen oder Positionierungen per css dazu kommen, und stellen die so definierte Webseite total zerschossen dar. Haben Sie Zweifel daran, testen Sie einfach per Css erzeugte mehrspaltige Texte im Netscape 4.x. |
&nbsp; | (no breaking space) = ein Leerzeichen, wenn es ohne zusätzliche Leertaste zwischen zwei Zeichen steht kann ein ungewollter Zeilenumbruch verhindert werden. |
Sonderzeichen und Umlaute sollten maskiert werden, damit sie in allen Browsern richtig angezeigt werden. | |
&Auml; &auml; | Ä ä |
&Ouml; &ouml; | Ö ö |
&Uuml; &uuml; | Ü ü |
&szlig; | ß |
&euro; | € Euro-Zeichen |
&trade; | ™ Trademark-Zeichen |
&copy; | © Copyright-Zeichen |
&reg; | ® Registriermarke-Zeichen |
&infin; | ∞ Unendlich-Zeichen |
&laquo;Text in französischen Anführungszeichen&raquo; | «Text in französischen Anführungszeichen» |
|