Neueste Web-Entwicklung Tutorials

HTML Einführung

❮ Zurück Weiter Kapitel ❯

Was ist HTML?

HTML ist eine Markup - Sprache Web - Dokumente für die Beschreibung (web pages) - (web pages) .

  • HTML steht für Hyper Text Markup Language
  • Eine Auszeichnungssprache ist ein Satz von markup tags - markup tags
  • HTML - Dokumente werden durch beschrieben HTML tags - HTML tags
  • Jeder HTML - Tag describes verschiedenen Dokumentinhalt

HTML Beispiel

Ein kleines HTML-Dokument:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Versuch es selber "

Beispiel erklärt

  • Die DOCTYPE Deklaration definiert den Dokumenttyp HTML zu sein
  • Der Text zwischen <html> und </html> beschreibt ein HTML - Dokument
  • Der Text zwischen <head> und </head> liefert Informationen über das Dokument
  • Der Text zwischen <title> und </title> liefert einen Titel für das Dokument
  • Der Text zwischen <body> und </body> beschreibt den sichtbaren Seiteninhalt
  • Der Text zwischen <h1> und </h1> beschreibt eine Überschrift
  • Der Text zwischen <p> und </p> beschreibt einen Absatz

Anhand dieser Beschreibung kann ein Web-Browser, ein Dokument mit einer Überschrift und einem Absatz angezeigt werden soll.

HTML-Tag

HTML - Tags sind Schlüsselwörter (tag names) - angle brackets (tag names) umgeben von angle brackets :

<tagname>content</tagname>
  • HTML - Tags kommen normalerweise in pairs wie <p> und </p>
  • Der erste Tag in einem Paar ist der start tag, - end tag start tag, ist der zweite Tag die end tag
  • Der End - Tag ist wie der Start - Tag geschrieben, aber mit einem Schrägstrich vor dem Tag - Namen

Der Start - Tag wird oft als der genannte opening tag . Der End - Tag wird oft als der genannte closing tag - closing tag .

Internetbrowser

Der Zweck eines Web - Browser (Chrome, IE, Firefox, Safari) ist HTML - Dokumente zu lesen und sie anzuzeigen.

Der Browser zeigt nicht die HTML-Tags, sondern nutzt sie, um zu bestimmen, wie das Dokument anzuzeigen:

Ansicht im Browser

HTML Seitenstruktur

Nachfolgend finden Sie eine Visualisierung einer HTML-Seite Struktur:

<html>
<head>
<title> Seitentitel </title>
</head>
<body>
<h1> Dies ist eine Überschrift </h1>
<p> Das ist ein Absatz. </p>
<p> Dies ist ein weiterer Absatz. </p>
</body>
</html>

Nur der <body> Bereich (the white area) wird vom Browser angezeigt.

Die <!DOCTYPE> Erklärung

Die <!DOCTYPE> Erklärung hilft , den Browser korrekt eine Web - Seite angezeigt werden soll .

Es gibt verschiedene Dokumenttypen im Web.

Um richtig ein Dokument anzuzeigen, muss der Browser sowohl Art und Version kennen.

Die Doctype Deklaration wird nicht zwischen Groß- und Klein. Alle Fälle sind akzeptabel:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

gemeinsame Erklärungen

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Alle Tutorials und Beispiele auf w3ii verwenden HTML5.

HTML-Versionen

Seit den frühen Tagen des Web gibt es viele Versionen von HTML gewesen:

Version Jahr
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

❮ Zurück Weiter Kapitel ❯