- Formatierung
- Fortgeschritten
Willkommen auf unserer Webseite!
Was bedeutet eigentlich "HTML"? HTML-Version Grundstruktur CSS Das würde so aussehen.
HTML-Dokumente sind die Grundlage des World Wide Web und werden von Webbrowsern dargestellt.
Neben den vom Browser angezeigten Inhalten können HTML-Dateien zusätzliche Angaben in Form von Metainformationen enthalten, z. B. über die im Text verwendeten Sprachen, den Autor oder den zusammengefassten Inhalt des Textes.
HTML wird von World Wide Web Consortium (W3C) und der Web Hypertext Application Technology Working Group (WHATWG) weiterentwickelt.
Die aktuelle Version ist HTML5, seit dem 28.10.2014, diese Version wir schon von vielen aktuellen Webbrowsern unterstützt.
Auch die Extensible Hypertext Markup Language (XHTML) wird durch HTML5 ersätzt.
HTML ist dazu da, den Text sematisch zu strukturieren, aber den Text nicht zu formatieren, um den Text zu formatieren benützen wir CSS.
Nach Oben
HTML (ohne Versionsnummer, 3. November 1992): Urversion, die sich nur an Text orientierte.
HTML (ohne Versionsnummer, 30. April 1993): Zu Text kommt neben Attributen wie fette oder kursive Darstellung die Bildintegration dazu.
HTML+ (November 1993) Geplante Erweiterungen, die in spätere Versionen einflossen, aber nie als HTML+ verabschiedet wurden.
HTML 2.0 (November 1995): Die mit RFC 1866 definierte Version führt u. a. Formulartechnik ein. Der Status dieses Standards ist „HISTORIC“. Auch die Vorgänger sind veraltet.
HTML 3.0: Nicht erschienen, weil sie mit der Einführung des Netscape-Browsers in der Version 3 bereits vor der geplanten Veröffentlichung veraltet ist.
HTML 3.2 (14. Januar 1997): Neu sind zahlreiche Features wie Tabellen, Textfluss um Bilder, Einbindung von Applets.
HTML 4.0 (18. Dezember 1997): Einführung von Stylesheets, Skripten und Frames. Auch eine Trennung in Strict, Frameset und Transitional erfolgt. Am 24. April 1998 erscheint eine leicht korrigierte Version.
HTML 4.01 (24. Dezember 1999): Ersetzt HTML 4.0 mit vielen kleineren Korrekturen. War lange Zeit Standard bis 2014.
XHTML 1.0 (26. Januar 2000): Neuformulierung von HTML 4.01 mit Hilfe von XML. Am 1. August 2002 erscheint eine überarbeitete Version.
XHTML 1.1 (31. Mai 2001): Nachdem XHTML in Module aufgeteilt wurde, wird mit XHTML 1.1 eine strikte Version definiert, bei der die mit HTML 4 eingeführten Varianten Frameset und Transitional entfallen.
XHTML 2.0 (closed, 26. Juli 2006): Diese Version sollte nicht mehr auf HTML 4.01 basieren und einige neue Elemente einführen, so z. B.
-
Das W3C hat die Arbeiten an XHTML 2.0 im Sommer 2009 eingestellt, weil XHTML durch HTML5 ersetzt werden soll.
HTML5 (Recommendation, 28. Oktober 2014): Aktuelle Version, schafft auf Basis von HTML 4.01 und XHTML 1.0 ein neues Vokabular. Die zu HTML gehörende DOM-Spezifikation wurde ebenfalls überarbeitet und erweitert.
Nach Oben
Bevor wir damit beginnen würde ich Ihnen raten sich NotePed++ herrunterzuladen, durch dieses Programm ist es einfacher und übersichtlicher.
Falls Sie dies möchten werden Sie Hier zu der Homepage von Noteped++ weitergeleitet, NotePed++ ist kostenlos!
Eine Webseite besteht aus einem Header und einem Body.
In den Header schreibt man den Namen der Webseite, den Charset und die verbindung auf die CSS-Datei.
Der Header sieht meistens so aus:
<!-- HEADER -->
<head>
<meta charset="utf-8" />
<title>HTML-Tipps</title>
<link rel="stylesheet" type="text/css" href="Index.css"/>
</head>
In den Body der HTML-Datei schreibt man die Tags bzw IDs, die Klassen und den Text der auf der Webseite stehen soll.
Nach Oben
Ein Tag ist ein Definiertes Atribut um seine Webseite zu formatieren. Tags werden durch < tagname > geöffnet und durch < /tagname > geschlossen.
Alles was zwischen der Öffnung und der schließung des Tags steht wird von ihm formatiert.
Man kann jeden Tag nur einmal formatieren.
Tags gibt es nur Begrentzt. Eine Liste der Tags finden Sie Hier.
Um zum Beispiel mit dem selben Tag zwei verschiedene Formatierungen haben möchte, muss man IDs oder Tags verwenden.
IDs sind nur einmal in der Datei verwendbar und können im Ganzen das selbe wie Tags, doch Tags kann man öfters verwenden.
Um eine ID zu verwenden muss man noch zu dem Tag id="Idname" schreiben, das sieht dan so aus :< text id="id1"> text </text >.
Bei einer Klasse muss man einfach id="" mit class="" ersätzen, z.B. < text class="Klassenname"> text </text >.
Um einen Tag zu formatieren muss man:
Tagname{
Formatierungsatribute;
Formatierungsatribute;
}
zum Beispiel:
h1{
margin: 0 auto;
display: table;
font-size: 20px;
color: blue;
text-align: justify;
font-family: arial;
}
Wenn man dies gemacht hat kann man es benützen indem man: <h1> Text </h1> in den HTML Body schreiben.
Um eine Klasse zu formatieren muss man:
.Klassenname{ (
Wie bei einem Tag die Formatierungsatribute schreiben und dann einen ;
und die geschwungene Klammer schließen.}
zum Beispiel:
.text1{
font-size: 17px;
text-align: justify;
font-family: Times;
color:red;
}
Wenn man in der CSS-Datei die Klasse fertig formatiert hat schreibt man in den HTML-Body: <text class="text1"> Beispiel </text>
Das würde dann so aussehen:
Um eine ID zu formatieren muss man vor den IDnamen ein # schreiben und dann das selbe wie bei der Klasse bzw. den Tags.
Nach Oben