close

Anmelden

Neues Passwort anfordern?

Anmeldung mit OpenID

1 Was ist HTML5? - sekretaria.de

EinbettenHerunterladen
1
HTML5 - Grundlagen der Erstellung von Webseiten
1
Was ist HTML5?
In diesem Kapitel erfahren Sie
D was HTML und CSS sind
D welche Nachschlagemöglichkeiten es im Internet gibt
D weshalb Sie HTML5 lernen sollten
D was Sie benötigen, um HTML zu schreiben
D welche HTML-Versionen wichtig sind
1.1
Was sind HTML und CSS?
HTML und die Rolle des Browsers
HTML (Hypertext Markup Language) ist eine Auszeichnungssprache (Markup Language),
mit der Webseiten erstellt werden können. Anders als bei einer Programmiersprache können mit HTML keine Anwendungen programmiert werden. Aus diesem Grund werden
Webseiten nicht programmiert, sondern in HTML geschrieben. Mit HTML werden Textpassagen mithilfe von HTML-Tags ausgezeichnet. HTML-Tags (kurz Tags genannt) legen die
Bedeutung (bzw. Semantik) der Textpassagen für die Struktur der Webseite fest und werden mit spitzen Klammern geschrieben, z. B.
<p>
Dieses Tag signalisiert, dass ein Absatz (engl. paragraph) anfängt.
</p>
Dieses Tag signalisiert, dass der Absatz endet. Mit anderen Worten: Sie schließen
den Absatz mit diesem Tag ab.
Da HTML-Dokumente aus reinem Text bestehen, benötigen Sie keine spezielle Software, um
sie zu erstellen. Hierfür können Sie einen beliebigen Texteditor einsetzen. HTML ist auch
systemunabhängig. Das heißt, dass alle Besucher HTML-Dokumente anzeigen können, egal
mit welchem Betriebssystem bzw. Computer sie arbeiten.
Um ein HTML-Dokument als Webseite anzuzeigen, wird lediglich ein sogenannter Browser
(engl. to browse bedeutet 'stöbern'). Der Browser "liest" den HTML-Code und ist für die
Wiedergabe des Inhalts auf dem Computerbildschirm zuständig.
HTML-Code und die Darstellung im Browser (Beispieldatei "code.html")
6
© HERDT-Verlag
1
Was ist HTML5?
Das Traumpaar HTML und CSS
Früher gab es besondere Tags im HTML-Code, mit denen Webentwickler das Aussehen der
Webseite festlegen konnten, z. B.
<u>Wichtig</u>
Mit dem <u>-Tag war es möglich, dem Browser mitzuteilen, dass ein
bestimmtes Wort unterstrichen dargestellt werden sollte.
Das Formatieren in HTML stieß schnell an seine Grenzen. Zusätzlich war die Einarbeitung
späterer Änderungen umständlich. Da Webauftritte oft aus Hunderten Webseiten bestehen,
mussten Webentwickler Änderungen in jeder einzelnen Datei vornehmen. Als Lösung wurde die Beschreibungssprache CSS (Cascading Style-Sheets) entwickelt.
CSS bietet umfangreiche Formatierungsmöglichkeiten sowie den Vorteil einer Trennung der
Struktur einer Webseite von der Darstellung der Webseite. Die Struktur von Webseiten
wird in HTML verfasst und das Aussehen bzw. die Formatierung in CSS festgelegt. Die Regelungen zur Darstellung der Webseite können zentral in einer CSS-Datei gespeichert werden.
Somit können zum Beispiel Änderungen am Layout einmal in dieser Datei vorgenommen
werden und wirken sich automatisch auf alle HTML-Dokumente aus, die mit der CSS-Datei
verbunden werden.
Die Anzeige eines HTML-Dokuments vor und nach der Verbindung mit einer CSS-Datei
(www.csszengarden.com/tr/deutsch/: "CSS Co, Ltd." von Benjamin Klemm)
CSS bietet auch weitere wichtige Vorteile:
Vorteil
Beschreibung
Webseiten werden
schneller geladen.
Die HTML-Dateien sind kleiner, da sie nur den Code für den
Inhalt enthalten.
Der Formatierungscode
kann einfacher
gefunden bzw. übersprungen werden.
Da der Formatierungscode entweder als separate CSS-Datei
oder aber im Kopfbereich des HTML-Dokuments eingegeben
wird, ist die nachträgliche Bearbeitung der Webseiten einfacher. Zusätzlich wird das Vermitteln der Inhalte durch Bildschirmlesegeräte für Sehbehinderte erleichtert. Diese können
den CSS-Code überspringen und sich direkt mit dem Inhalt
der Webseite befassen.
© HERDT-Verlag
7
1
HTML5 - Grundlagen der Erstellung von Webseiten
Vorteil
Beschreibung
Der Inhalt von Webseiten
bleibt übersichtlich.
Formatierungscode wird nicht mehr direkt in den Code
der Webseiten geschrieben, sodass der Inhalt der Webseite
überschaubarer bleibt.
Sie können beispielsweise die Inhalte der Webseite für die
Der gleiche Inhalt kann
unterschiedlich dargestellt Anzeige auf Computerbildschirmen und mobilen Geräten
optimieren, ohne den HTML-Code zu ändern.
werden.
Informationen zu HTML und CSS im Internet
Zwei hilfreiche Nachschlagemöglichkeiten im Internet finden Sie hier:
Online-Referenz HTML
http://wiki.selfhtml.org/
Online-Referenz CSS
http://www.css4you.de/
Nach der Einführung von CSS wurden HTML-Tags zur Formatierung der Webseite, wie zum
Beispiel das <u>-Tag, als veraltet (engl. deprecated) eingestuft. Im SELFHTML-Wiki finden
Sie unter anderem eine Liste mit veralteten bzw. ungültigen HTML-Elementen bzw. -Attributen und den entsprechenden Ersatzmöglichkeiten in CSS (Internetseite: http://wiki.
selfhtml.org/wiki/Doku:HTML/deprecated).
Was brauche ich, um Webseiten mit HTML zu erstellen?
Um Webseiten mit HTML zu erstellen, benötigen Sie einen einfachen Texteditor (meist kurz
Editor genannt). Wichtig ist es auch, einen beliebigen Browser installiert zu haben, um die
Anzeige des HTML-Codes zu testen. Es gibt auch sogenannte HTML-Editoren, die die Eingabe von HTML erheblich erleichtern. Die Grundkenntnisse können Sie jedoch besser festigen, wenn Sie den HTML- und den CSS-Code direkt in einen Texteditor eingeben.
1.2
HTML-Versionen
Weshalb sollte ich HTML5 lernen?
Wenn Sie HTML lernen, spricht viel dafür, sich gleich in die neueste Version einzuarbeiten.
So bleiben Sie zukunftsorientiert und lernen, welche Funktionalitäten in den nächsten
Jahren als Standard gelten werden.
Das in diesem Buch vermittelte HTML-Grundwissen gilt für alle HTML-Versionen.
HTML-Versionen kennenlernen
HTML existiert schon seit 1990 und wird immer weiter entwickelt. Das W3C (World Wide
Web Consortium, http://www.w3.org/) entscheidet, welche Richtung die Entwicklung von
HTML nimmt sowie welche neuen Funktionalitäten in die HTML-Spezifikationen aufgenommen werden. Wenn das W3C eine neue HTML-Version für ausgereift hält, verabschiedet es
diese als Standard.
Zur Zeit der Publikation dieses Buchs wurde HTML5 noch nicht als Standard verabschiedet.
Da Browser weitgehend die Funktionalitäten von HTML5 unterstützen, arbeiten Webseitenentwickler bereits mit dieser Version. Die Spezifikationen für HTML5 befinden sich auf dieser Webseite: http://dev.w3.org/html5/spec/Overview.html
8
© HERDT-Verlag
Document
Kategorie
Internet
Seitenansichten
6
Dateigröße
185 KB
Tags
1/--Seiten
melden