HTML-Datei: Alles, was du wissen musst.
Erfahre, wie HTML funktioniert, welche Vor- und Nachteile das Format hat und wie du HTML-Dateien in PDF umwandeln kannst.
ZUM ABSCHNITT SPRINGEN
Wofür werden HTML-Dateien verwendet?
Vor- und Nachteile von HTML-Dateien.
Wie kann ich eine HTML-Datei erstellen und bearbeiten?
Wie kann ich HTML-Dateien in PDF umwandeln?
Was ist eine HTML-Datei?
HTML steht für “HyperText Markup Language” zu Deutsch “Hypertext Auszeichnungssprache” und ist eine Auszeichnungssprache, die auf vielen Webseiten zu finden ist und diese strukturiert. Eine HTML-Datei ist eine Textdatei, die den strukturierten Inhalt einer Webseite enthält. HTML verwendet so genannte HTML-Tags, um den Text, Bilder, Links oder andere Elemente einer Webseite zu organisieren. Diese Tags sind in spitzen Klammern < > eingeschlossen. Sie teilen den Webbrowsern mit, wie der Inhalt angezeigt werden soll. HTML-Dateien sind im Grunde das Gerüst einer jeden Webseite im Internet. Ein Beispiel für einen HTML-Code:
- <h1> - Überschrift der Hauptseite
- <body> - Hauptteil der Seite
- <p> - ein Textabschnitt
- <b> - gefetteter Text
Dateien im HTML-Format werden mit der Endung .html oder .htm gekennzeichnet. Du kannst eine HTML-Datei in einem einfachen Textprogramm wie Notepad oder TextEdit oder mit einer speziellen Web-Entwicklungssoftware wie Adobe Dreamweaver erstellen.
HTML basiert größtenteils auf SGML, der "Standard Generalized Markup Language", die als Standard für die Strukturierung geschriebener Inhalte gilt. Frühe Versionen von HTML enthielten nur Text, spätere Versionen hingegen konnten auch Bilder, Videos und grafische Elemente verarbeiten.
Was bedeutet HTML?
HTML steht für "HyperText Markup Language". Das Akronym HTML setzte sich in den frühen 1990er-Jahren unter Forscher*innen als Kurzform für das Format durch. Seit den 2000er-Jahren ist es als Methode zur Erstellung von Webseiten allgemein anerkannt.
• Hypertext war eine Innovation in den späten 1980er-Jahren, die es den Nutzer*innen ermöglichte, durch Antippen einer Schaltfläche zwischen Dateien auf demselben Computer zu wechseln. Diese Funktion ist das Herzstück des Webdesigns in HTML.
• HTML ist die ursprüngliche Auszeichnungssprache (auch Coding-Sprache) für Webseiten, während Markup die Art und Weise beschreibt, wie Informationen auf der Seite angeordnet werden. Dabei werden Symbole zum Abgrenzen und Positionieren von Elementen auf einer Webseite eingesetzt.
Die Grundlagen von HTML.
- HTML-Tags: HTML verwendet so genannte Tags, die den Inhalt einer Webseite strukturieren. HTML-Tags sind Schlüsselwörter oder Codes, die in spitzen Klammern in Paaren geschrieben werden. Der Inhalt einer Seite wird dabei von einem öffnenden Tag <tag> und einem schließenden <tag> umrahmt.
Ein Beispiel:
<p>Das ist ein Textabsatz.</p> - HTML-Elemente: Elemente bestehen aus einem Start- und einem Endtag, die den Anfang und das Ende eines bestimmten Inhalts festlegen. Zu den häufigsten Elementen gehören <h1> bis <h6> für Überschriften, <p> für Absätze, <a> für Hyperlinks und <img> für Bilder.
- Attribute: HTML-Tags können Attribute enthalten, die zusätzliche Informationen über ein Element liefern. Sie werden in der Regel im öffnenden Tag platziert und bestehen aus einem Attributnamen und einem Wert, beide werden durch ein Gleichheitszeichen voneinander getrennt. So kann etwa der HTML-Tag <img> das Attribut „scr“ verwenden, um die Bildquelle anzugeben.
Ein Beispiel:
<img scr`“bild.jpg“ alt=„Ein Bild“> - Struktur: Ein HTML-Dokument hat eine bestimmte hierarchische Struktur. Sie besteht aus einem <html>Tag, einem <head>-Tag und einem <body>-Tag. Der HTML-Tag umschließt den gesamten Inhalt einer Seite, innerhalb dieses Bereichs befinden sich Head- und Body-Tag. Der Head-Bereich enthält Metadaten und Verweise, während der Body-Bereich den sichtbaren Inhalt einer Seite enthält. Ein Beispiel:
<!DOCTYPE html>
<html>
<head>
<!— Metainformationen und Verweise—>
<title>Titel einer Webseite</title>
</head>
<body>
<!— Sichtbarer Inhalt —>
<h1>Überschrift</h1>
<p>Das ist ein Textabsatz.</p>
</body>
</html>
Geschichte der HTML-Datei.
Die Geschichte der HTML-Datei beginnt in den frühen 1990er-Jahren, als das Internet hauptsächlich von einer ausgewählten Gruppe von Wissenschaftler*innen und Akademiker*innen genutzt wurde. Der Informatiker und Erfinder des „World Wide Web“ Sir Tim Berners-Lee entwickelte HTML im Jahr 1992, um die ersten Online-Inhalte sinnvoll nutzen zu können.
Frühe HTML-Entwicklung.
Die Geschichte der HTML-Datei beginnt in den frühen 1990er-Jahren, als das Internet hauptsächlich von einer ausgewählten Gruppe von Wissenschaftler*innen und Akademiker*innen genutzt wurde. Der Informatiker und Erfinder des „World Wide Web“ Sir Tim Berners-Lee entwickelte HTML im Jahr 1992, um die ersten Online-Inhalte sinnvoll nutzen zu können.
Internet Explorer und Standardisierung.
Als das Internet einer breiten Öffentlichkeit zugänglich wurde, brachte Microsoft seinen eigenen Browser – den Internet Explorer (IE) – auf den Markt. In den kommenden Jahren sollte der Internet Explorer zu einer der beliebtesten Methoden für den Zugang zum Internet werden. Mit dem Wachstum des Internets nutzten auch immer mehr Menschen HTML-Dateien, um Webseiten zu erstellen. Schon bald beschloss das W3-Consortium (Gremium zur Standardisierung im World Wide Web mit Sitz in den USA), das Format zu standardisieren.
Wofür werden HTML-Dateien verwendet?
Programmierer*innen und Webentwickler*innen verwenden HTML-Dateien, um den Inhalt einer Webseite zu strukturieren. HTML ist der Quellcode, der den strukturellen Aufbau und den Inhalt einer Webseite beschreibt. Es handelt sich dabei um eine so genannte „Frontend“-Technologie in der Webentwicklung, da sie sich mit den Elementen befasst, mit der die Benutzer*innen interagieren, während sie eine Webseite besuchen. Das Frontend steht dem so genannten Backend gegenüber, das das technische System einer Webseite und deren Inhalte bildet
Struktur einer Webseite.
Wenn du dir eine Webseite ansiehst, wirst du feststellen, dass sie einen bestimmten Aufbau hat, ähnlich wie eine Zeitschrift oder eine Zeitung. HTML-Dateien definieren diesen Aufbau. Im Wesentlichen kommuniziert HTML mit dem Webbrowser und teilt ihm mit, wo die verschiedenen Elemente auf der Seite angezeigt werden sollen.
Erstellen von Seitenelementen.
Um das Layout einer Seite festzulegen, erstellen Webentwickler*innen HTML-Elemente. Dabei werden allgemeine Symbole eingesetzt, um den Inhalt zu kennzeichnen. Der Text einer Seite steht beispielsweise zwischen alphanumerischen Tags.
Vor- und Nachteile von HTML-Dateien.
Wie bei vielen Technologien gibt es auch bei der Arbeit mit HTML-Dateien Vor- und Nachteile. Welche das sind, zeigen wir in den nächsten beiden Abschnitten.
Vorteile von HTML-Dateien.
• HTML ist leicht zu erlernen: Wenn du dich in der Programmierung oder Webentwicklung versuchen möchtest, ist HTML die einfachste Websprache, da du sie direkt bearbeiten oder erstellen kannst.
• HTML wird ständig aktualisiert: HTML ist ein offener Standard, das heißt du kannst kostenlos darauf zugreifen und HTML verwenden, während es fortlaufend von Expert*innen aktualisiert und verbessert wird.
• HTML wird von vielen Browsern unterstützt: Nahezu jeder Webbrowser und die meisten Betriebssysteme unterstützen HTML. Wenn du also Seiten in HTML schreibst, kannst du in der Regel sicher sein, dass sie mit gängigen Browsern kompatibel sind, unabhängig davon, wie User*innen auf das Internet zugreifen.
• HTML ist reibungslos integrierbar: HTML lässt sich gut mit anderen Auszeichnungssprachen kombinieren. CSS ist zum Beispiel eine weitere Frontend-Sprache und eine HTML-Datei kann auch mit CSS-Code arbeiten.
Nachteile von HTML-Dateien.
• HTML ist nicht dynamisch: Webseiten sind in der heutigen Zeit dynamisch. Sie können sehr lange sein und reagieren auf unterschiedliche Bildschirmgrößen. Diese Anforderungen gehen über die Grundfunktionen von HTML hinaus. Damit eine Webseite dynamisch funktioniert, benötigt sie eine andere Sprache wie CSS.
• HTML wird unterschiedlich dargestellt: Je nachdem mit welchem Browser eine Webseite aufgerufen wird, kann eine HTML-Seite unterschiedlich dargestellt werden. Das Layout für HTML-Seiten von Google Chrome kann sich zum Beispiel von dem von Firefox unterscheiden.
• HTML erlernen ist zeitaufwändig: Das Erstellen von HTML-Seiten kann mühsam sein, da du in der Regel selbst für eine einfache Webseite eine große Menge HTML-Code schreiben musst. Heutzutage gibt es einfachere Möglichkeiten eine Webseite zu erstellen.
HTML-Datei öffnen: So geht’s.
Um eine HTML-Datei zu öffnen und diese zu bearbeiten, kannst du sie einfach in einem Texteditor öffnen, indem du sie bereits erstellt hast. Alternativ kannst du dir HTML direkt in einem Webbrowser anzeigen lassen. Wir zeigen dir, wie du in beiden Anwendungsbeispielen vorgehen musst.
Eine HTML-Datei öffnen in TextEdit für Mac.
Wenn du einen Mac verwendest, kannst du die HTML-Datei in der TextEdit-Anwendung öffnen.
- Starte das Programm TextEdit auf deinem Mac.
- Klicke auf "Datei" > "Öffnen".
- Wähle die Datei aus, die du anzeigen möchtest.
Jetzt wird dir der HTML-Code so angezeigt, wie er online dargestellt wird. Wenn du den Code bearbeiten möchtest, kannst du die Option "HTML-Dateien als HTML-Code statt als formatierten Text anzeigen" wählen.
Eine HTML-Datei in einem Webbrowser anzeigen lassen.
Du kannst eine HTML-Datei auch einfach in einem Webbrowser anzeigen lassen. Suche dafür die HTML-Datei auf deinem Computer, klicke mit der rechten Maustaste auf die Datei, wähle die Option "Öffnen mit" und wähle einen Browser wie Google Chrome, Microsoft Edge oder Firefox aus.
Wie kann ich eine HTML-Datei erstellen und bearbeiten?
Du kannst eine HTML-Datei entweder mit einem Browser-internen Texteditor oder einem einfachen Desktop-Textprogramm erstellen. Das kann etwa Microsoft Notepad unter Windows oder TextEdit unter Mac sein.
Eine HTML-Datei erstellen unter Windows.
Gehe wie folgt vor, um eine HTML-Datei unter Windows zu erstellen:
- Öffne Notepad.
- Fülle die leere Seite mit Text, Tags und Abständen und erstelle einen HTML-Code.
- Speichere die Datei mit der Endung .html über einen Klick auf "Datei" > "Speichern unter".
- Setze die Kodierung auf UTF-8.
Das neue Dokument ist nun eine flexible PDF-Datei, deren Inhalt du mit einem E-Reader, einem Smartphone, am Computer, einem Tablet oder einem anderen Gerät lesen kannst.
Eine HTML-Datei erstellen auf dem Mac.
Gehe wie folgt vor, um eine HTML-Datei auf dem Mac zu erstellen:
- Öffne TextEdit auf dem Mac.
- Gehe auf "Datei" > "Neu" und dann auf "Format" > "Einfachen Text erstellen".
- Erstelle einen HTML-Code.
- Speichere das Dokument mit der Endung .html über einen Klick auf "Datei" > "Speichern".
Ist deine HTML-Datei abgespeichert, kannst du sie dennoch immer wieder bearbeiten.
Weitere HTML-Dateitypen.
• HTM: HTML und HTM sind austauschbar. Beides sind Dateierweiterungen für HTML mit dem Unterschied, dass Windows eine dreistellige Erweiterung verlangt, daher das fehlende L.
• XHTML: XHTML ist eine Version von HTML, die eine genauere Markierung und eine bessere Fehlerbehandlung erfordert, um sicherzustellen, dass sie mit XML-Dateien arbeiten kann.
Wie kann ich HTML-Dateien in PDF umwandeln?
Mit Acrobat Pro kannst du eine Webseite im HTML-Format in PDF umwandeln.
Ähnliche Dateitypen wie HTML.
• DAT: DAT-Dateien geben Aufschluss über das Programm, mit dem sie erstellt wurden.
• JS: JS ist die Abkürzung für JavaScript – eine der am häufigsten verwendeten Sprachen für die Programmierung von Webseite-Backends.
• XPS: Microsoft hat die XPS-Datei entwickelt, um Seitenlayoutinformationen für den Druck zu erfassen.
• TXT: TXT ist die Erweiterung zum Erstellen einfacher Textdateien in Textprogrammen wie Notepad.
Überall produktiv sein.
Du möchtest noch mehr PDF-Funktionen entdecken? Teste jetzt die Onlinetools von Acrobat kostenlos im Browser.
Häufig gestellte Fragen.
Wie sicher ist eine HTML-Datei?
Wenn du die HTML-Datei auf einem geschützten Gerät erstellst, musst du dir in der Regel keine Sorgen machen. Jüngste Untersuchungen haben jedoch Fragen zur Sicherheit von HTML-Dateien aufgeworfen, insbesondere wenn sie als Anhang versendet werden. Das IT-Sicherheitsunternehmen Barracuda Networks fand heraus, dass ein Fünftel aller gescannten HTML-E-Mail-Anhänge Schadsoftware enthielt. Daher ist es wichtig, dass du deine Antiviren-Software auf dem neuesten Stand hältst und darauf achtest, welche Anhänge du öffnest.
Ist HTML sicher?
Eine HTML-Datei ist eine textbasierte Datei, die zur Strukturierung von Webseite-Inhalten verwendet wird. Du kannst also einen HTML-Code in Notepad oder TextEdit schreiben und ihn dann in einen professionellen HTML-Editor wie Adobe Dreamweaver kopieren. Du kannst den Code auch direkt in Dreamweaver oder in ein anderes Tool zur Erstellung von Webseiten eingeben.
Wie kann ich HTML in PDF umwandeln?
Mit der richtigen Software kannst du HTML-Seiten einfach in eine PDF-Datei umwandeln. Mit den PDF-Tools von Acrobat kannst du zum Beispiel eine HTML-Datei direkt in deinem Webbrowser als PDF speichern.
Wo wurde HTML erfunden?
Der Informatiker Sir Tim Berners-Lee erfand HTML im wissenschaftlichen Forschungszentrum CERN in Genf (Schweiz). Berners-Lee schrieb im Jahr 1993 auch die erste Version von HTML. Sie entstand nach seiner Erfindung des "World Wide Web" im Jahr 1989.
Sollte ich mit CSS oder HTML beginnen?
HTML- und CSS-Technologien werden für den Aufbau des Frontends von Webseiten verwendet. Oft werden sie gemeinsam eingesetzt, wobei HTML zu Beginn für die Struktur und den Inhalt der Seite verwendet wird und CSS dann bei der Erstellung des visuellen Layouts wie Effekten oder Farben hilft.
Das könnte dich auch interessieren:
Web-Datei: Was ist das?
Erfahre, was Web-Dateien sind und welche Formate darunterfallen.
XPS: Eigenschaften & Vorteile des Dateiformats.
EWir zeigen dir, wie das XPS-Format verwendet wird.
Data files einfach erklärt.
Wofür du Datendateien verwenden und wie du sie umwandeln kannst.
RPT: Alle Infos zum Format.
Wir zeigen dir, was RPT-Dateien auszeichnen und wie du sie öffnest