HTML wurde 1990 von Tim Berners-Lee entwickelt und steht für Hypertext Markup Language. HTML wird verwendet, um elektronische Dokumente (sogenannte Seiten) zu erstellen, die im World Wide Web angezeigt werden. Jede Seite enthält eine Reihe von Verbindungen zu anderen Seiten, die als Hyperlinks bezeichnet werden. Jede Webseite, die Sie im Internet sehen, wird mit der einen oder anderen Version des HTML-Codes geschrieben.
HTML-Code sorgt für die richtige Formatierung von Text und Bildern für Ihren Internetbrowser. Ohne HTML würde ein Browser nicht wissen, wie man Text als Elemente anzeigt oder Bilder oder andere Elemente lädt. HTML bietet auch eine grundlegende Struktur der Seite, auf der Cascading Style Sheets überlagert werden, um das Erscheinungsbild zu ändern. Man könnte sich HTML als Knochen (Struktur) einer Webseite und CSS als Skin (Erscheinungsbild) vorstellen.
Wie sieht ein HTML-Tag aus?
Wie im obigen HTML-Tag-Beispiel zu sehen ist, gibt es nicht viele Komponenten. Die meisten HTML-Tags haben ein öffnendes Tag, das den Tag-Namen, Tag-Attribute, ein schließendes Tag mit einem Schrägstrich und den zu schließenden Tag-Namen enthält. Bei Tags, die kein schließendes Tag wie <img> haben, wird empfohlen, das Tag mit einem Schrägstrich zu beenden.
Die meisten Tags sind in Klammern kleiner und größer als enthalten, und alles zwischen dem Tag zum Öffnen und Schließen wird angezeigt oder vom Tag beeinflusst. Im obigen Beispiel erstellt das <a> -Tag einen Link namens "Computer Hope", der auf die Datei "hope.html" verweist.
Wie sieht HTML aus?
Unten finden Sie ein Beispiel für eine in HTML geschriebene Basiswebseite mit einer Beschreibung jedes Abschnitts und seiner Funktion.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // DE" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Beispiel Seite </ title> <meta http-equiv = "Inhaltstyp" content = "text / html; charset = windows-1252"> </ head> <body> <h1> Dies ist eine Überschrift </ h1> <p > Dies ist ein <b> Beispiel </ b> einer einfachen HTML-Seite. </ P> </ body> </ html>
Das obige Feld enthält die wichtigsten Bestandteile einer einfachen Webseite. Jede der Zeilen wird nachstehend ausführlicher erläutert.
- Die Zeile DOCTYPE beschreibt, in welcher HTML-Version die Seite geschrieben wurde, damit ein Internetbrowser den folgenden Text interpretieren kann.
- Das Eröffnungs-Tag <html> zeigt dem Browser an, dass er HTML-Code liest.
- Der Abschnitt <head> enthält Informationen zur Seite, z. B. den Titel, Meta-Tags und den Speicherort der CSS-Datei.
- Der Abschnitt <body> enthält alles, was im Browser angezeigt werden kann. Beispielsweise ist der gesamte hier angezeigte Text in den Body-Tags enthalten.
- Das <h1> -Tag ist die sichtbare Überschrift der Seite.
- Das <p> -Tag ist ein Textabschnitt. Die meisten Webseiten (wie diese) haben mehrere Absatz-Tags.
- In dem Absatz ist das <b> -Tag enthalten, das das Wortbeispiel im Absatz fett darstellt.
- Schließlich umschließen die schließenden Tags jedes der oben genannten Tags.
Was ist HTML5?
HTML5 ist das Update von HTML4 auf HTML (XHTML folgt einem anderen Versionsnummerierungsschema). Es verwendet dieselben Grundregeln wie HTML4, fügt jedoch einige neue Tags und Attribute hinzu, die eine bessere Semantik und dynamische Elemente ermöglichen, die mit JavaScript aktiviert werden. Zu den neuen Elementen gehören: <Artikel>, <Abseite>, <Audio>, <BDi>, <Canvas>, <Datalist>, <Details>, <Einbett>, <Figur>, <FigCaption>, <Footer>, <Header >, <keygen>, <mark>, <meter>, <nav>, <output>, <progress>, <rp>, <rt>, <ruby>, <time>, <track>, <video>, und <wbr>. Es gibt auch neue Eingabetypen für Formulare, darunter Tel, Suche, URL, E-Mail, Datum / Uhrzeit, Datum, Monat, Woche, Uhrzeit, Datum / Uhrzeit-Lokal, Nummer, Bereich und Farbe.
Mit der zunehmenden Bewegung, Struktur und Stil getrennt zu halten, wurden einige Stilelemente entfernt, zusammen mit solchen, die Probleme mit der Zugänglichkeit hatten oder nur sehr wenig Verwendung fanden. Diese folgenden Elemente sollten im HTML-Code nicht mehr verwendet werden: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes >, <strike> und <tt>. HTML5 vereinfacht auch die Doctype-Deklaration für das Tag im folgenden Feld.
<! doctype html>
Wie sieht HTML5 aus?
Wie unten gezeigt, ist der HTML5-Code dem früheren HTML4-Beispiel sehr ähnlich, jedoch sauberer und verfügt über ein überarbeitetes Doctype-Tag.
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> Beispielseite </ title> </ head> <body> <h1> Dies ist eine Überschrift </ h1> <p > Dies ist ein Beispiel für eine einfache HTML-Seite. </ P> </ body> </ html>
Erstellen und Anzeigen von HTML
Da HTML eine Auszeichnungssprache ist, kann es in jedem Texteditor erstellt und angezeigt werden, sofern es mit der Dateierweiterung .htm oder .html gespeichert wird. Die meisten finden es jedoch einfacher, Webseiten in HTML mit einem HTML-Editor zu entwerfen und zu erstellen.
Sobald die HTML-Datei erstellt wurde, kann sie lokal angezeigt oder auf einen Webserver hochgeladen werden, um online mit einem Browser angezeigt zu werden.
Welche Dateierweiterungen werden mit HTML verwendet?
HTML-Dateien verwenden entweder die Dateierweiterung .htm oder .html. Ältere Versionen von Windows (Windows 3.x) erlauben nur Dateierweiterungen mit drei Buchstaben, daher verwendeten sie .htm anstelle von .html. Beide Dateierweiterungen haben jedoch dieselbe Bedeutung und können heute verwendet werden. Wir empfehlen jedoch, sich an eine Namenskonvention zu halten, da bestimmte Webserver möglicherweise eine Erweiterung der anderen vorziehen.
Ist HTML eine Programmiersprache?
Nein, HTML ist keine Programmiersprache. Es ist eine Auszeichnungssprache. Auf unserer Seite für Markup-Sprachen finden Sie einen Vergleich zwischen einer Programmiersprache und einer Markup-Sprache.
Wie man HTML ausspricht
HTML wird als HTML (aitch-tee-em-el) ausgesprochen.