loy webdesign | Kreis Gütersloh

Html - in Webseiten

Html steht für Hypertext Markup Language. Sie ist eine textbasierte Strukturierungssprache zur Auszeichnung von Webseiten.

 

Html Tags

Mit der Html Sprache werden mittels sog. Html Tags Auszeichnungen für,

  • Überschriften
  • Texte, Absätze
  • Bilder, Filme, Musik
  • Tabellen
  • Aufzählungen
  • Verweise / Hyperlinks
  • Webseiten Metadaten uvm.

in Internetseiten erzeugt. HTML Tags strukturieren Webseiten und sind das strukturelle Grundgerüst einer Internetseite.

 

Aufbau von Html Tags.


<tag> Webseiten Inhalt </tag>

Html Tags treten meistens paarweise auf. Ein Tag wird mit einem einleitenden Eröffnungs-Tag < tag > begonnen und mit einem abschließenden Tag < / tag > beendet.

Der abschließende Tag unterscheidet sich hinsichtlich der Schreibweise vom eröffnenden Tag, durch einen vorangestellten Slash.

 

Bereiche einer Webseite

Ein Webseiten Dokument besteht aus 2 Bereichen. Einer ist für Besucher der Webseite sichtbar und der andere wird nur angezeigt, wenn man sich den Quellcode der Webseite anzeigen lässt.

Jedem der 2 Bereiche einer Webseite kommen unterschiedliche Aufgaben und Bedeutungen zu.

 

Kopf Bereich in Internetseiten

Der Kopfbereich, oft header oder head Bereich genannt, beinhaltet z.B. die Metatags einer Internetseite.

Metatags umfassen Infos wie z.B.

  • Überschrift der Webseite (title)
  • eine Seiten Beschreibung (description)
  • Suchbegriffe (keywords)
  • Autorenangabe (author) uvm.

Die Meta Tags haben die Aufgabe, den Suchmaschinen Informationen zu den Inhalten der Webseite, zu liefern.

Im header Bereich einer Webseite werden zudem Dateien zur Darstellung des Webdesigns und zur Umsetzung von Funktionalitäten integriert.


Integrierte Webdesign Dateien sind z.B.

  • css Dateien für das Webdesign
  • js Dateien für die Funktionalität
  • php Dateien für Funktionen

 

Body Bereich in Internetseiten

Im Body Bereich einer Internetseite werden die eigentlichen Inhalte der Webseite untergebracht.

Bei diesem Bereich handelt es sich um den sichtbaren Bereich der Webseite, so wie ihn der Besucher zu sehen bekommt.


Abgebildete Webseiten Inhalte sind z.B.

  • Webseiten Texte
  • Internetseiten Bilder
  • Webseiten Listen, Hyperlinks
  • multimediale Elemente der Webseite
  • Web - Tabellen, Aufzählungen

 

HTML| Hypertext Markup Language

HTML

 


Beispiele für Html Tag Paare.

  • Überschriften: <h1>...</h1> bis <h6>...</h6>
  • Absätze: <p> und </p>
  • Hervorhebung: <strong> und </strong>
  • Unterstreichung: <u> und </u>
  • Hyperlinks: <a> und </a>
  • Listen: <ul> und </ul> oder <ol> und </ol>

Schreibweisen in Html.

In Html können die Tags sowohl in Groß- als auch in Kleinbuchstaben geschrieben werden.
Beides ist zulässig und funktioniert.

 

 

 

 

Darstellung im Browser | CSS

Der Verarbeitungsprozeß zur Darstellung der Webseiten erfolgt direkt im Browser.

Die Html Synthax definiert, wie ein Browser die Auszeichnungen intern deuten soll.

Übersetzt werden die Html Tags allerdings vom Browser selbst. Jeder Browser verfügt über ein internes Browser Style Sheet, mit dem die Html Tags visuell übersetzt werden.

Da die Browser unterschiedliche Stylesheets bezitzen, führt dieser Umstand in der Praxis dazu, das Internetseiten nicht einheitlich auf diversen Browsern dargestellt werden.

Aus diesem Grund greifen Webdesigner auf den Einsatz von Cascading Style Sheets bei der Erstellung Ihres Webdesigns für Internetseiten zurück.

So werden die Browser Style Sheets durch eigene Style Sheets überschrieben und es erfolgt eine schlichte Trennung zwischen Struktur, Layout und Webdesign einer Webseite.

 

 



weitere Infos zu Html

Html - Hypertext Markup Language
HTML 4.01 Specification
HTML als Auszeichnungsprache
HTML5
HTML Überprüfung