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 [2017/08/30 05:31]
rhw
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 <font inherit/​inherit;;#​ffffff;;​inherit>​Webseite geben</​font>​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? ====
  
-Zunächst einmal werden Programme, die berechtigt sind Datein zu öffnen durch <​!DOCTYPE HTML> darauf hingewiesen,​ dass die Datei als Dokumenttyp HTML ausgelegt ist. Für Browser heisst das '​Hoppla,​ Datei könnte für mich sein', da Browser und auch diverse andere Programme darauf ausgelegt sind HTML darzustellen oder zu bearbeiten.+Zunächst einmal werden Programme, die berechtigt sind Datein zu öffnen durch **<​!DOCTYPE HTML>** darauf hingewiesen,​ dass die Datei als Dokumenttyp HTML ausgelegt ist. Für Browser heisst das '​Hoppla,​ Datei könnte für mich sein', da Browser und auch diverse andere Programme darauf ausgelegt sind HTML darzustellen oder zu bearbeiten. Dieser Befehl ist nicht zwingend notwendig, wird aber empfohlen. 
 + 
 +**'<'​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). 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). 
 + 
 +**'<'​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. 
 + 
 +Mit **'<'/​BODY'>​**'​ wird dem Browser mitgeteilt, dass die Webseite nur bis hierher anzuzeigen ist. Dahinter könnten noch Javascripts oder ähnliches ausgeführt werden, die aber nicht angezeigt, jedoch im Hintergrund ausgeführt werden, wie Statisticscripts für den Webseitenadministrator zum Beispiel. 
 + 
 +Zu guter Letzt: **'<'/​HTML'>'​** heißt für den Browser, dass die HTML Datei beendet ist. 
 + 
 +Jeder Tag, der geöffnet wurde, wurde auch wieder mit einem / geschlossen.
  
  
wiki/html.1504063870.txt.gz · Zuletzt geändert: 2017/08/30 05:31 von rhw