Benutzer-Werkzeuge

Webseiten-Werkzeuge


wiki:html

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu der Vergleichsansicht

Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung
Nächste Überarbeitung
Vorherige Überarbeitung
wiki:html [2018/02/14 05:16]
rhw [Was bedeuten die einzelnen TAGS?]
wiki:html [2018/02/14 05:34] (aktuell)
rhw [Was bedeuten die einzelnen TAGS?]
Zeile 35: Zeile 35:
 </​HTML>​ </​HTML>​
  
-Bei Durchführung ​dieses ​Codes in einem Editor oder Browser wird es nur eine Webseite geben mit <font inherit/​inherit;;#​000000;;​rgb(241,​ 196, 15)>​gelben</​font><​font inherit/​inherit;;#​000000;;​rgb(241,​ 196, 15)>​Hintergrund</​font>​ und in der Mitte oben in Überschriftgröße '​**Willkommen**'​ und in einer neuen Zeile in Normalschrift '**zu HTML Arena**!'​. Mehr nicht. Man sieht, dass man eiiniges ​an Tags verwenden muss, um diese wenigen Zeichen dargestellt zu bekommen. **HINWEIS:​** //Die Anführungszeichen an den Klammern ('<>'​) dienen lediglich dazu den TAG auf der Webseite darzustellen und diesen nicht ausführen zu lassen. //+Es handelt sich hierbei um ein HTML Grundgerüst. Jede HTML Webseite enthält dieses Grundgerüst mehr oder weniger. ​Bei Durchführung ​des oben aufgeführten ​Codes in einem Editor oder Browser wird es nur eine Webseite geben mit <font inherit/​inherit;;#​000000;;​rgb(241,​ 196, 15)>​gelben</​font><​font inherit/​inherit;;#​000000;;​rgb(241,​ 196, 15)>​Hintergrund</​font>​ und in der Mitte oben in Überschriftgröße '​**Willkommen**'​ und in einer neuen Zeile in Normalschrift '**zu HTML Arena**!'​. Mehr nicht. Man sieht, dass man einiges ​an Tags verwenden muss, um diese wenigen Zeichen dargestellt zu bekommen. **HINWEIS:​** //Die Anführungszeichen an den Klammern ('<>'​) dienen lediglich dazu den TAG auf der Webseite darzustellen und diesen nicht ausführen zu lassen. // 
 + 
 ==== Was bedeuten die einzelnen TAGS? ==== ==== Was bedeuten die einzelnen TAGS? ====
  
Zeile 42: Zeile 44:
 **'<'​HTML lang="​de"'>'​ **heisst, dass ab hier die HTML-Seite beginnt und die Sprache Deutsch ist. (Lang = Language = Sprache, de=deutsch) **'<'​HTML lang="​de"'>'​ **heisst, dass ab hier die HTML-Seite beginnt und die Sprache Deutsch ist. (Lang = Language = Sprache, de=deutsch)
  
-**'<'​HEAD'>'​ ** Der Kopfbreich der HTML-Seite. Darin befindet sich u.a. der Titel '<'​title'>'​ der Webseite und die Metainfos(-tags). ​Hier kann man ebenso CSS Anweisungen oder Javascripte einsetzen und bei Abruf der Seite ablaufen lassen.+**'<'​HEAD'>'​ ** Der Kopfbreich der HTML-Seite. Darin befindet sich u.a. der Titel '<'​title'>'​ der Webseite und die Metainfos(-tags). ​Die Metatags waren in der Vergangenheit für Suchmaschinen von Bedeutung. Seit SEQ sind die Metatags nicht mehr so wichtig. Die Tags beinhalteten den Autor der Webseite, den Generator der Webseite, den Besitzer der Webseite usw. Einige SEQ Suchmaschinen wie Google, Yahoo, Bing, usw. schauen dennoch in die Metatags, um die Trefferquote der Suchanfrage zu erhöhen. Im Headbereich ​kann man ebenso CSS Anweisungen ​oder einen Link zu der CSS Datei eintragen ​oder Javascripte einsetzen und diese bei Aufruf ​der Seite ablaufen lassen.
  
 **'<'​body bgcolor="​yellow"'>'​** Ab hier beginnt die eigentliche Webseite. Alles was hinter dem Body-Tag eingetragen ist, wird auf der Hauptseite auch angezeigt. Im Gegensatz zum Titel, der in der Browsertitelzeile angezeigt wird. Neben dem Body-Eintrag,​ befindet sich innerhalb des Tags der Befehl für die Hintergrundfarbe gelb (bgcolor = backgroundcolor = Hintergrundfarbe,​ Yellow = gelb). **'<'​body bgcolor="​yellow"'>'​** Ab hier beginnt die eigentliche Webseite. Alles was hinter dem Body-Tag eingetragen ist, wird auf der Hauptseite auch angezeigt. Im Gegensatz zum Titel, der in der Browsertitelzeile angezeigt wird. Neben dem Body-Eintrag,​ befindet sich innerhalb des Tags der Befehl für die Hintergrundfarbe gelb (bgcolor = backgroundcolor = Hintergrundfarbe,​ Yellow = gelb).
  
-**'<'​div align="​center"'>'​ <​h1>​Willkommen</​h1><​br />** Diese Zeile mit der div Anweisung dient dazu, den nachfolgenden Text zentriert, also mittig des Bildschirms oder des Contents (Inhaltsfenster) darzustellen. Die darauffolgende h1 Anweisung steht für das Textattribut '​header'​ (Überschrift) in der größtmöglichen Form von 3 Möäglichkeiten ​(h1 - h3). Nach Ende der h1 Anweisung folgt automatisch ein Zeilenumbruch. Zusätzlich kann man einen weiteren Zeilenumbruch mit der br Anweisung (break) erzwingen. Die br Anweisung ist der einzige Tag in HTML, der nicht mit einem Ende Tag beendet werden muss.+**'<'​div align="​center"'>'​ <​h1>​Willkommen</​h1><​br />** Diese Zeile mit der div Anweisung dient dazu, den nachfolgenden Text zentriert, also mittig des Bildschirms oder des Contents (Inhaltsfenster) darzustellen. Die darauffolgende h1 Anweisung steht für das Textattribut '​header'​ (Überschrift) in der größtmöglichen Form von 3 Möglichkeiten ​(h1 - h3). Nach Ende der h1 Anweisung folgt automatisch ein Zeilenumbruch. Zusätzlich kann man einen weiteren Zeilenumbruch mit der br Anweisung (break) erzwingen. Die br Anweisung ist der einzige Tag in HTML, der nicht mit einem Ende Tag beendet werden muss.
  
 **zu HTML Arena!'<'/​div'>'​** Dies ist weiterer Text, der in einer neuen Zeile nach dem '​Willkommen'​ gezeigt wird. Hier 'zu HTML Arena!'​ Mit dem Ende div (/div) wird der Browser angewiesen, den nachfolgenden Text nicht mehr zentriert darzustellen. **zu HTML Arena!'<'/​div'>'​** Dies ist weiterer Text, der in einer neuen Zeile nach dem '​Willkommen'​ gezeigt wird. Hier 'zu HTML Arena!'​ Mit dem Ende div (/div) wird der Browser angewiesen, den nachfolgenden Text nicht mehr zentriert darzustellen.
wiki/html.1518581766.txt.gz · Zuletzt geändert: 2018/02/14 05:16 von rhw