INFOPORTAL BERLIN

Immer wiederkehrende Fragen einfach erklärt

HTML

Aufbau und Funktionen einer HTML Anwendung

Einfache Tools

Für die vorgestellten Funktionen benutzen wir einige Programme für die Darstellung. Alle sind kostenlos und haben sich im Alltag für diese einfachen Anwendungen bewährt. Als Editor zum Bearbeiten des Source Codes nehmen wir  /Brackets/ von Adobe. Das Programm kann hier herunterladen. Grundlagen in HTMLFür die Darstellung wird der Internet Browser /Chrome/ eingesetzt. Ferner können auch alle anderen Browser benutzt werden. Die Beispiele werden hier mit Chrome ausgeführt. Vor allem, da sehr effiziente Debug Möglichkeiten integriert sind. Chrome finden Sie hier zum Download. Wer sich eine einfache HTML Seite mit dem Browser im Quelltext ansehen möchte kann die vorhandene Seite /example.com/ aufrufen. Diese Seite kann ohne Einschränkungen benutzt werden.

HTML Struktur

Die Struktur besteht aus dem Header, dem Body und dem Footer. Der Aufbau und die dazu gehörenden Programm Anweisungen werden detailliert dargestellt.

Weiterhin gehe ich auf folgende vorläufige Stichworte ein.
Text, Hervorheben, Formatieren, Header H1 bis H6, Paragraphen, Listen, geordnete Listen, ungeordnete Listen, Tabellen, Formulare, iFrames und Links

Wichtige Einträge im Header

Die Einträge im Header sind Anweisung für die Darstellung im Browser. Hier gibt es je nach Anwendung unterschiedliche Eintragungen. Zudem können auch für kleinere Programmseiten die CSS Befehle mit eingesetzt werden.

Hier ein paar von den wichtigen Meta Anweisungen.


Angabe für den Zeichensatz in HTML5

<meta charset=“utf-8“ />


Angabe des Inhalts als Text im Zeichensatz HTML 4

<meta http-equiv=“Content-typecontent=“text/html; charset=utf-8“ />


Viewport = Anweisung an den Browser auf Mobilgeräte zu achten. Weiterhin den Inhalt (Content) auf die maximale Breite der verwendeten Geräte anzupassen. Der Parameter „initial-scale“ gibt an, die Darstellung hier 1:1 anzuzeigen. Ferner wird der Eintrag „user-scalable“ eingesetzt, ob der User die Anzeige maximieren darf.

<meta name=“viewportcontent=“width=device-width, initial-scale=1, user-scalable=no“ />


Die Zeichenreferenzen für Sonderzeichen finden wir auf selfhtml.org.
Bitte beachten: Durch die konsequente Verwendung von UTF-8 macht es den Gebrauch von Zeichen Entität Referenzen für andere als die HTML eigenen Zeichen überflüssig. Hierdurch werden die entsprechenden Zeichen direkt verwenden. Daher achten wir auf den richtigen Zeichensatz.


 

HTML erste Grundlagen

HTML Textgestaltung

HTML Tabelen, Listen, Formulare

HTML Bilder, Video, Links

 

 

 

 

 

 

 

Updated: 20. März 2018 — 0:10
INFOPORTAL BERLIN © 2017 >> Impressum << - >> Datenschutz << - >> Disclaimer << Frontier Theme