HTML und CSS

HTML und CSS

HTML (Hypertext Markup Language) ist eine Markup Sprache zum erstellen von Webseiten.

Des weiteren werden Layouts über CSS (Cascading Style Sheets) formatiert.

HTML Grundgerüst

Heute beginnen HTML5 Dokumente mit den Tag:
< !Doctype html>
Dies legt das Dokumententyp fest. (HTML5)

Gefolgt vom dem <html> Tag startet der HTML Code
Hier kann man den Tag noch ergänzen mit <html lang=“de“>. Damit wird die Sprache auf Deutsch gestellt.

Danach kommt der <head>.
Dies ist der Kopfbereich des Dokuments. Nicht zu verwechseln mit dem Kopfbereich der des angezeigten Dokumentes. Der <head> Bereich wird nicht angezeigt. Hier stehen Informationen für das Dokument wie Titel, Meta Daten, Verlinkungen zu Styles und Java Dateien. Ebenso kann man direkt CSS Styles in einem Unterbereich <style> von <head> einbauen.
Ebenso wird der Zeichensatz eingestellt über den Tag <meta charset="UTF-8" />. Dies wird benötigt, um Umlaute richtig anzuzeigen.
Der <title>Titel</title> ist ebenfalls im <head> und legt den Titel fest.

Nun kommt der <body>
Der <body> ist das eigentliche Dokument, welches dann Inhalte anzeigt. Hier kommen die Texte du Grafiken rein.

Im <body> werden dann die Texte mit verschiedenen Tags formatiert:
<h1> <h2>… sind Überschriften mit verschiedenen Größen.
<p> Sind Absätze.
<br> Zeilenumbruch
<hr> Trennline horizontal.
<div> ist ein Container oder auch Schachtel. Dieser ist sehr oft zu finden, da man mit diesem die Webseite in Bereiche aufteilt und diesen Bereichen verschiedene Formatierungen zuweist.
<span> kann gewisse Textbereich und Stellen formatieren.

Kommentare in HTML
werden mit <!—Kommentar Text --> geschrieben.

CSS (Cascading Style Sheets)
Ist eine Ergänzungssprache für HTML und dient zur Formatieren von Inhalten.
Texte fett, dünn, größer, kleiner usw. darstellen.
Schriftarten definieren.
Rahmen und Hintergrundfarben.
Fotos, Bilder und Grafiken formatieren.
Es gibt verschiedene Möglichkeiten um den CSS Code in die HTML Datei einzubinden. Hier gibt es dafür ein Beispiel.

http://webprogrammierung.at/html-formatiern-mit-css-189/




Webkatalog Oxi.at : Computer & Internet :

HTML und CSS

URL eintragen in HTML und CSS

Keine Einträge in HTML und CSS