Einführung in die HTML Grundlagen – Ihr Guide

HTML Grundlagen
Heiko von CodeFellows GmbH
2. Juli 2024

Willkommen zu unserem großen HTML-Tutorial! Dieser Guide bringt Ihnen die Basics zur Webseiten-Erstellung bei. Das Wissen über HTML ist wichtig für angehende Webentwickler. Tim Berners-Lee, ein britischer Computerwissenschaftler, entwickelte HTML in den späten 80ern1. HTML bildet auch heute noch die Basis des Internets1. Es kommt aus SGML und nutzt Tags, um Webinhalte zu strukturieren und zu formatieren1.

In unserem Guide geht es um wichtige HTML-Strukturen, von Textabsätzen bis zu Tabellen und Listen. Wir zeigen, wie verschiedene Editoren Ihre Arbeit leichter machen können. Dabei spielt es keine Rolle, ob Sie einfache oder fortgeschrittene HTML-Editoren nutzen. Unser Ziel ist ein einfacher Start in HTML für Sie. HTML passt gut zu Anfängern und ist Teil des Frontend-Entwicklungsstapels, zusammen mit CSS und JavaScript.

Der Autor, Timo Ostermann, nutzt seine Erfahrung, um Ihnen einen nützlichen Leitfaden anzubieten2. Jetzt starten wir zusammen in die HTML-Programmierung. Wir machen die ersten Schritte, um Ihre Webseite zu erstellen.

Wesentliche Einsichten

  • HTML ist die Grundlage jeder Webseite und unterstützt das effiziente Anordnen von Inhalten1.
  • HTML-Seiten zu erstellen ist einfach und braucht keine vertieften Programmierfähigkeiten2.
  • Tags und Attribute in HTML sorgen für vielseitige Text- und Mediengestaltung1.
  • HTML ist besonders geeignet für Anfänger und wichtig in der Webentwicklung3.
  • HTML, CSS und JavaScript sind das Fundament für moderne Webanwendungen3.

Einleitung: Was ist HTML?

HTML steht für Hypertext Markup Language. Diese Sprache bildet die Grundlage des World Wide Web. Mit ihr gestaltet man Inhalte wie Texte, Bilder und Links für Webbrowser.

Die Bedeutung von HTML im Web

HTML ist die wichtigste Sprache im WWW4. Es gibt über 100 HTML-Befehle für verschiedenes Website-Design5. Die Auswahl der HTML-Elemente beeinflusst, wie gut Suchmaschinen deine Website finden5. HTML5 macht es leichter, von Browsern verstanden zu werden6.

Ein valides HTML5-Dokument hat wichtige Elemente. Dazu gehören <html>, <head>, <title> und <body> <html>-Tag ist das Hauptelement eines Dokuments. Das <head>-Element gibt Suchmaschinen und Browsern wichtige Infos6. Wichtige <meta>-Tags regulieren die Kodierung und das Layout auf Handys6.

Tim Berners-Lee und die Entstehung von HTML

Tim Berners-Lee erschuf HTML Ende der 1980er Jahre. Es sollte wissenschaftliche Dokumente in Netzwerken verlinken4. HTML ist jetzt eine weltweit genutzte Beschreibungssprache4. Die HTML 4.0 Spezifikation entstand mit großen IT-Firmen4.

Links zu erstellen, ist zentral in HTML4. HTML-Dateien können überall auf Computern mit Browsern geöffnet werden4. HTML wird auch außerhalb des Webs für Dokumentationen verwendet4. Es lässt sich mit CSS und JavaScript für komplexe Projekte kombinieren4.

HTML als “Lingua Franca” des Web

HTML ist die meistgenutzte Sprache im Internet78. Es ist leicht zu lernen. Und überall einsetzbar.

Man kann damit Webseiten bauen. Webseiten haben Überschriften, Absätze und vieles mehr7. HTML bestimmt, wie eine Webseite aufgebaut ist.

Warum HTML als Brot- und Butter-Sprache gilt

HTML ist wichtig seit es das Internet gibt8. Man kann damit viele verschiedene Dinge auf Webseiten machen. Es ist wie ein Werkzeugkasten.

Über die Jahre gab es verschiedene Versionen von HTML. Die aktuelle Version unterstützt CSS und JavaScript8. Das macht Webentwicklung einfacher.

Die Rolle von HTML in der Webentwicklung

HTML ist heute unverzichtbar in der Webentwicklung7. Man kann HTML-Dateien in jedem Texteditor bearbeiten7. Das macht das Arbeiten einfacher.

HTML Code funktioniert mit CSS und XML gut zusammen7. Viele Webbrowser und Geräte unterstützen HTML. Das ist wichtig für Entwickler.

HTML als Klartextformat

HTML ist einfach zu bearbeiten, man braucht keine spezielle Software9. Einfache Texteditoren tun es auch, um Webseiten herzustellen10. Unsere Reise in den HTML Grundkurs startet hier.

Vorteile der Klartextbearbeitung

Menschen und Maschinen können HTML-Dateien lesen, dank der einfache englische Befehle9. Mit Grundwissen in Computern kann jeder HTML bearbeiten, ohne extra Programme. Das Bearbeiten von Webseiten ist so einfach und preiswert9. Das macht unseren HTML Editing Ansatz wertvoll.

HTML-Dokumente sind gut organisiert und leicht zu verstehen9. Mit Tabellen und Überschriften wirkt alles ordentlich und klar9. Die Struktur hilft, HTML Editing einfach und logisch zu machen.

Integration mit anderen Sprachen und Technologien

HTML passt gut zu CSS und JavaScript für mehr Funktionen auf Webseiten11. HTML gestaltet, CSS verschönert und JavaScript macht die Seite lebendig11. Zusammen ermöglichen sie tolle Webseiten.

Durch Kombination mit XML, Ruby, oder Python entstehen komplexe Webanwendungen11. HTML zeigt seine Stärke in der Vielfalt seiner Anwendungen und ist unentbehrlich in der Webentwicklung.

„HTML ist nicht nur die dominante Websprache, sondern auch die Grundlage für nahezu jede Webseite und -anwendung.”

Die Klartextbearbeitung von HTML vereinfacht nicht nur die Entwicklung. Sie fördert auch die effiziente Zusammenarbeit mit anderen Technologien91011.

Siehe auch  Farbpsyllchologie im Webdesign - Farben & Emotionen

Die Grundstruktur einer HTML-Seite

Wir erklären hier die Basis einer HTML-Seite. Sie hat eine einfache, wichtige Struktur. Diese hilft, die Seite gut zu machen. Es wird für Suchmaschinen und Browser einfacher, die Seite zu lesen und zu zeigen.

Das HTML-Grundgerüst

Das Grundgerüst fängt mit der DOCTYPE-Deklaration an. Die sagt dem Browser, welche HTML-Version zu nutzen ist12. Eine HTML5-Seite besteht aus Teilen wie Header, Footer, Head und Body13. Im Header sieht man den oberen Teil der Website. Er hat Titel und Menüs13.

Am unteren Ende ist der Footer. Er zeigt Infos zum Copyright und Kontakte13.

Wichtige Infos wie der Seitentitel stehen im Kopfbereich (

). Das hilft Browsern und Suchmaschinen13. Das

-Tag zeigt den Titel im Tab und in Suchergebnissen<sup class="citation"><a href="https://www.html-seminar.de/html-seitenaufbau.htm" target="_blank" rel="nofollow noopener">12</a></sup>. Einzigartige Titel verbessern die Sicht in Suchmaschinen<sup class="citation"><a href="https://www.html-seminar.de/html-seitenaufbau.htm" target="_blank" rel="nofollow noopener">12</a></sup>.</p> <p>Der Hauptteil der Seite ist der</p> <p>

-Abschnitt. Hier sieht man Inhalte wie Texte und Bilder1312. Diese Inhalte müssen gut in -Tags organisiert sein12.

Gut genutzte HTML Tags machen das Browsen besser13. HTML-Elemente wie

,

Element Funktion
DOCTYPE Sagt dem Browser den Dokumenttyp12
html Hält den gesamten HTML-Code zusammen12
head Enthält die Metadaten der Webseite1312
title Zeigt den Titel im Tab und in Suchergebnissen12
body Stellt den Hauptinhalt dar1312

Eine gute HTML Struktur ist wichtig. Sie macht eine Webseite benutzerfreundlich. Der Doctype, das HTML-Element, der Kopf

und der Körper sind grundlegend12.

Wichtige HTML Tags und Elemente

Wir schauen uns wichtige HTML Tags an. Sie sind nötig, um Webseiten zu bauen und zu gestalten.

Überschriften und Absätze

Überschriften helfen, den Text klar zu gliedern. Die Tags <h1> bis <h6> zeigen diese Gliederung an, wobei <h1> das Hauptthema angibt15. Absätze geben dem Text Struktur und werden mit <p> gemacht. Sie können auch bestimmte Einstellungen wie Ausrichtung haben15. Teile wie header und footer machen die Seite übersichtlich und leicht zu nutzen16.

Listen und Tabellen

Listen und Tabellen ordnen Infos schön an. Mit <ol> erstellt man nummerierte Listen und mit <ul> Bullet-Listen. Jedes Element wird mit <li> markiert15. Für Tabellen sind Tags wie <table> und <tr> wichtig. Sie helfen, Daten in Reihen und Spalten anzuzeigen16. Unsere Tabellen heben wichtige Informationen hervor.

Kategorie HTML Tag Beschreibung
Überschriften <h1> – <h6> Definieren Hierarchien von Überschriften
Absätze <p> Markieren Absätze
Geordnete Liste <ol> Erstellen geordnete Listen
Ungeordnete Liste <ul> Erstellen ungeordnete Listen
Tabellen <table>, <tr>, <th>, <td> Strukturieren tabellarische Daten

Bilder und Links

Bilder und Links machen eine Webseite lebendig. <img> sorgt dafür, dass man Bilder einfügen kann. Es braucht Infos, wo das Bild ist und was es zeigt15. Mit <a> erstellt man Verbindungen zu anderen Seiten. Dabei sagt href=””, wohin der Link führt15. Zusammen mit Dingen wie <nav> sorgen sie dafür, dass man sich leicht orientieren kann16.

HTML Syntax und Versionen

HTML ist viel gewachsen und hat viele Versionen gesehen, von HTML 1.0 zu HTML5. Jedes Update machte die Sprache besser und setzte neue Maßstäbe. Es entsprach den Bedürfnissen moderner Websites.

HTML 1.0 bis HTML5

1993 startete Tim Berners-Lee mit HTML 1.0 das moderne Web. HTML hilft, Inhalte im Web ordentlich anzuzeigen. Es ist sehr wichtig für Websites17. Ein HTML-Element hat meistens öffnende und schließende Tags und den Inhalt dazwischen17.

Mit HTML 2.0 gab es die ersten Verbesserungen. Später kam HTML 3.2 mit mehr Tags für Layouts. HTML Tags wie

    und

    wurden wichtig18HTML5 Vorteile

    HTML4 änderte viel in der Struktur und brachte mehr multimediale Features. Jetzt konnten Websites Videos, Bilder und Musik zeigen18. HTML5 verbesserte dies weiter. Es unterstützt moderne Web-Apps sehr gut und hat neue Dinge wie Canvas18.

    Bei HTML ist die Struktur durch ineinander verschachtelte Tags gegeben19. XHTML wurde strenger mit Regeln wie Anführungszeichen bei Attributen19. HTML ist eine einfache Markup Language für Websites, auch wenn es keine Programmiersprache ist18.

    Zum Schluss: HTMLs Geschichte ist echt spannend. Es ging von einfachen Textseiten zu komplexen Anwendungen. HTML ist sehr wichtig für die Webentwicklung1718.

Logische und physische Textformatierung

In der Welt der HTML Textformatierung gibt es wichtige Unterschiede. Man spricht von logischer und physischer Textauszeichnung. Diese sind wichtig, denn sie beeinflussen, wie gut wir Texte verstehen können.

Siehe auch  Responsives Webdesign: Ihr Partner für mobile Websites

Logische Textformatierung erläutert

Logische Textauszeichnung bedeutet, dass Texte eine klare Bedeutung haben. Sie nutzt HTML-Eigenschaften, um Texte hervorzuheben oder zu betonen. Beispiele sind em für hervorgehoben und strong für sehr wichtig. Dies hilft im Internet, das meist logisch aufgebaut ist20. Suchmaschinen verwenden dies stark, um Inhalte richtig zu finden20.

Physische Textformatierung erläutert

Physische Textformatierung bezieht sich auf den Stil, wie Fettdruck oder Kursivschrift. HTML hat zehn Arten dafür, z.B. fett und kursiv21. Früher, in HTML4, waren beide Arten möglich. HTML5 fokussiert aber mehr auf logische Formatierung20. Das ist wichtig für Webinhalte und deren Präsentation20.

Logische Formatierung hilft auch bei der Struktur von Tabellendaten. Man nutzt Tags wie

,

,

und für klare Inhalte. Tabellen sollte man in Bereiche einteilen. Das macht sie leichter lesbar und nutzbar22. Eine gute HTML Formatierung ist für Websites sehr wichtig.

Formatierung Beispiel Verwendung
Logisch <em>, <strong> Semantische Bedeutung
Physisch <b>, <i> Stilangabe
Tabellen <table>, <tr>, <td> Strukturierung von Daten

Richtiges Wissen über HTML Textformatierung macht Ihre Website besser. Es hilft Usern, Texte leichter zu verstehen. Und es verbessert auch das Finden Ihrer Seite durch Suchmaschinen.

HTML in Verbindung mit CSS und JavaScript

HTML wird noch stärker, wenn es mit CSS und JavaScript genutzt wird. Diese Technologien sind die Basis für viele Websites. Sie spielen spezielle Rollen im Website-Bau. HTML bildet die Grundstruktur und den Inhalt. CSS kümmert sich um das Aussehen, wie Schriftarten und Farben23. JavaScript lässt Webseiten reagieren und sich bewegen23.

Trennung von Inhalt und Design

Zur klaren Trennung von Inhalt und Design nutzen wir HTML mit CSS23. CSS geht direkt auf HTML oder über Klassen24. So wird der Code besser und die Seite schneller24. Mit Klassen lässt sich das Design flexibel ändern, ohne HTML zu ändern24.

Interaktivität mit JavaScript

Durch JavaScript werden HTML-Seiten lebendig23. Es ist anspruchsvoller als HTML und CSS, aber sehr wichtig23. JavaScript verbessert die Webseite enorm. Es ermöglicht Dinge wie Formprüfung und Updates ohne Neuladen23. Tutorials helfen beim Lernen dieser Technologien, für Anfänger und Profis25.

Technologie Rolle Komplexität
HTML Struktur und Inhalt Niedrig
CSS Visuelles Design Mittel
JavaScript Interaktivität und Verhalten Hoch

HTML, CSS und JavaScript zusammen machen Websites komplett und schön2423.

HTML Grundlagen zum praktischen Einsatz

Zuerst lernen wir, wie man eine HTML-Seite macht. Das ist sehr wichtig für jeden, der über HTML lernen will. HTML wird überall im Internet genutzt. Es macht Texte, Bilder und Links26.

Erstellung Ihrer ersten HTML-Seite

HTML-Seiten haben ein Grundgerüst aus Tags wie <html></html>, <head></head>, und <body></body>. Diese Tags helfen, alles gut zu organisieren27. Zum Erstellen Ihrer Seite können Programme wie Notepad++ genutzt werden. Schauen Sie auf dieser Seite für mehr Infos.

Verwendung von Browsern zur Testung

Es ist wichtig, Ihren HTML-Code in verschiedenen Browsern zu testen. So gehen Sie sicher, dass alles richtig läuft27. Es gibt viele Tools und Funktionen in Browsern für diesen Zweck. Sie helfen Fehler schnell zu finden.

Wichtige Werkzeuge und Editoren

Beim Webseiten Bauen sind Editoren sehr hilfreich. Viele Leute verwenden Adobe Dreamweaver oder Visual Studio Code dafür. Diese Programme machen das Codieren einfacher28.

In speziellen Kursen, wie diesen, lernt man noch mehr über solche Tools. Dort bekommt man einen guten Überblick. Diese Kurse sind flexibel, man kann viel dabei lernen.

All diese Schritte sind wichtig. Vom Machen der ersten Seite bis hin zur Benutzung von Tools. Sie sind der Schlüssel für gute Webseiten. Wie dieses Tutorial zeigt, ist das Fundament für die Webentwicklung.

Tipps und häufige Fehler vermeiden

Anfänger machen oft typische Fehler beim Lernen von HTML. Es gibt gute Best Practices, die bei HTML wichtig sind. Diese Tipps helfen, häufige Fehler zu vermeiden.

Häufige Anfängerfehler und deren Vermeidung

Ein typischer Fehler ist, p-Elemente falsch zu platzieren. Sie sollten nicht direkt unter table, tr, oder ul-Elementen stehen29. Browser wie Firefox und Safari korrigieren manchmal HTML-Fehler selbst29. Offene Tags wie em, strong, und h-Elemente können Fehler verursachen29.

Man kann diese Fehler umgehen, indem man HTML gut versteht. Ein starkes HTML-Grundgerüst hilft dabei30. Das Grundgerüst teilt sich in Head und Body30. Der Head hilft Suchmaschinen, der Body zeigt den Inhalt30. Wichtige Tags sind zum Beispiel Doctype für korrekte Anzeige30.

HTML Tipps

Best Practices in HTML

Nutze weniger Meta-Tags, um die Dateigröße klein zu halten31. Sauberer HTML-Code macht deinen Browser schneller29. Strukturiertes HTML hilft auch Nutzern von Screenreadern29.

Man kann CSS und JavaScript einfach hinzufügen31. Nutze Frameworks wie jQuery für eine klare Struktur30. Sauberes HTML macht JavaScript besser29.

Falsche schließende Tags verursachen Layoutprobleme29. Gib UTF-8 im Header an für den besten Text31. Canonical URLs vermeiden doppelte Inhalte31.

Die richtige Anwendung dieser Techniken macht Webseiten besser bedienbar29. Das verbessert die Webseite für Benutzer und Suchmaschinen31.

Fazit

Wir haben uns die Grundlagen von HTML angesehen32.HTML ist die Basis für alle Webseiten32.Durch sauberen Code verbessern wir die Struktur und SEO-Leistung32.

CSS und JavaScript sind wichtig für Webseiten32. CSS macht Webseiten schön, JavaScript macht sie interaktiv32. HTML-Kenntnisse sind für Erfolg und SEO wichtig32. Die richtige Nutzung von

und Tags stärkt die OnPage-SEO<sup class="citation"><a href="https://one-line.ch/blog/html-einfach-erklaert/" target="_blank" rel="nofollow noopener">32</a></sup>.</p> <p>Der “Text to Code Ratio” ist wichtig in der Webentwicklung<sup class="citation"><a href="https://www.sistrix.de/frag-sistrix/technisches-seo/html/" target="_blank" rel="nofollow noopener">33</a></sup>.Das W3C-Tool hilft, HTML-Seiten zu prüfen<sup class="citation"><a href="https://www.sistrix.de/frag-sistrix/technisches-seo/html/" target="_blank" rel="nofollow noopener">33</a></sup>.Meta-Beschreibungen und -Titel beeinflussen Suchmaschinenergebnisse stark<sup class="citation"><a href="https://www.sistrix.de/frag-sistrix/technisches-seo/html/" target="_blank" rel="nofollow noopener">33</a></sup>.Mehr Informationen gibt es <a href="https://one-line.ch/blog/html-einfach-erklaert/" target="_blank" rel="nofollow noopener">hier</a>.</p> <p>Bilder und Alt-Texte pushen die SEO-Leistung<sup class="citation"><a href="https://one-line.ch/blog/html-einfach-erklaert/" target="_blank" rel="nofollow noopener">32</a></sup>. Das steht auf One-Line<sup class="citation"><a href="https://one-line.ch/blog/html-einfach-erklaert/" target="_blank" rel="nofollow noopener">32</a></sup>. Strukturierte Header-Tags verbessern die Website für Suchmaschinen<sup class="citation"><a href="https://bloghexe.de/html-css-grundlagen/" target="_blank" rel="nofollow noopener">34</a></sup>. Mehr Tipps gibt es auf <a href="https://bloghexe.de/html-css-grundlagen/" target="_blank" rel="nofollow noopener">Bloghexe</a>.</p> <p>Unsere Zusammenfassung zeigt, wie wichtig HTML ist<sup class="citation"><a href="https://one-line.ch/blog/html-einfach-erklaert/" target="_blank" rel="nofollow noopener">32</a></sup>. Ein gutes HTML-Verständnis hilft, tolle Webseiten zu bauen<sup class="citation"><a href="https://one-line.ch/blog/html-einfach-erklaert/" target="_blank" rel="nofollow noopener">32</a></sup>. Es sorgt für Erfolg in Suchmaschinen und in der Webentwicklung<sup class="citation"><a href="https://one-line.ch/blog/html-einfach-erklaert/" target="_blank" rel="nofollow noopener">32</a></sup>.</p> <p>

FAQ

Was sind HTML Grundlagen?

HTML Grundlagen umfassen alles, was man braucht, um Webseiten zu machen. Das schließt HTML Tags, Elemente und die Syntax ein. Damit ordnet man Texte, Bilder und Links.

Warum ist das Verständnis von HTML wichtig?

Das Verständnis von HTML ist sehr wichtig. Es hilft, Webseiten gut zu machen und Inhalte richtig zu zeigen.

Wer hat HTML entwickelt?

Tim Berners-Lee erfand HTML Ende der 1980er Jahre. Seitdem ist es ein Basiswerkzeug des Internets.

Warum gilt HTML als “Brot- und Butter-Sprache” des Internets?

HTML ist einfach zu verstehen und zu nutzen. Es ist die Grundsprache für Websites. Damit arbeiten fast alle Entwickler.

Welche Vorteile bietet HTML als Klartextformat?

HTML als Klartext zu nutzen ist sehr praktisch. Man braucht keine spezielle Software. Ein einfacher Texteditor genügt.

Wie ist die Grundstruktur einer HTML-Seite aufgebaut?

Ein HTML-Dokument hat einen Kopf und einen Körper. Der Kopf enthält Infos für Browser. Der Körper zeigt, was Nutzer sehen.

Welche wichtigen HTML Tags und Elemente gibt es?

Es gibt viele wichtige HTML Tags. Dazu gehören die für Überschriften, Absätze, Listen und mehr. Sie helfen, die Webseite zu ordnen.

Was hat sich in den verschiedenen HTML-Versionen geändert?

Von HTML 1.0 bis HTML5 gab es viele Veränderungen. Neue Funktionen kamen dazu. Die Webseiten wurden besser und multimediafähig.

Was ist der Unterschied zwischen logischer und physischer Textformatierung?

Logische Formatierung verleiht Text Bedeutung. Physische Formatierung ändert das Aussehen, wie Fettdruck.

Wie arbeitet HTML mit CSS und JavaScript zusammen?

HTML, CSS und JavaScript ergänzen sich. CSS trennt Inhalt von Design. JavaScript macht Webseiten interaktiv.

Q: Wie kann man eine einfache HTML-Seite erstellen?

Man nutzt einen einfachen Texteditor. Damit erstellt man ein HTML-Dokument und fügt Basisinhalte ein.

Welche Tools und Editoren werden für HTML empfohlen?

Viele Tools helfen bei HTML. Beliebt sind Visual Studio Code und Sublime Text. Sie machen das Codieren leichter.

Was sind häufige Fehler bei HTML und wie kann man sie vermeiden?

Anfänger vergessen oft schließende Tags. Manche machen Syntaxfehler. Errors meidet man durch sorgfältiges Prüfen.

Quellenverweise

  1. https://www.ionos.de/digitalguide/websites/web-entwicklung/html-lernen-das-grosse-einsteiger-tutorial/
  2. https://www.experte.de/homepage-erstellen/html-lernen
  3. https://lerneprogrammieren.de/html/
  4. https://userpage.fu-berlin.de/~mirjamk/htmlkurs/konzept.html
  5. https://kulturbanause.de/blog/die-wichtigsten-html-befehle/
  6. https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundgerüst
  7. https://www.uni-trier.de/fileadmin/fb6/prof/KAR/dienste/HTML.pdf
  8. https://docplayer.org/13127556-1-html-grundlagen-1-1-einfuehrung-in-html.html
  9. https://hechtnetz.de/index.php/html-und-www/was-ist-html
  10. https://molily.de/dokumentmodelle/
  11. https://kinsta.com/de/blog/xml-vs-html/
  12. https://www.html-seminar.de/html-seitenaufbau.htm
  13. https://blog.hubspot.de/website/html-grundgeruest
  14. https://www.sumax.de/wissen/lexikon/html.html
  15. https://code-crowd.de/blog/die-10-wichtigsten-html-tags/
  16. https://www.mediaevent.de/html/html5-tags.html
  17. https://code-crowd.de/blog/html-tutorial-fuer-anfaenger-deutsch/
  18. https://www.heise.de/tipps-tricks/HTML-Grundlagen-Was-Einsteiger-wissen-muessen-3887124.html
  19. http://www.peterkropff.de/site/html/syntax.htm
  20. https://www.edv-lehrgang.de/physische-logische-textauszeichnung-in-html/
  21. https://webseiten-programmieren-und-gestalten.de/html/textstrukturierung.html
  22. https://www.perun.net/2004/01/21/xhtml-grundlagen-5-xhtml-elemente/
  23. https://journocode.com/de/tutorials/html-css-and-javascript-the-basics-part-i/
  24. https://www.time4innovation.de/grundlagen-und-einstieg-in-html-css-javascript/
  25. https://shop.psd-tutorials.de/produktdetails/grundlagen-tutorial-html-css-und-javascript–296
  26. https://cordmedia.academy/webdesign-kurse/kurs-html-grundlagen/
  27. https://blog.hubspot.de/website/html
  28. https://www.medienreich.de/training/html-grundlagen-aufbau
  29. https://www.mediaevent.de/html/inline-block-void.html
  30. https://www.einstein1.net/html-grundlagen/
  31. https://www.connect-living.de/ratgeber/grundlagen-webprogrammierung-mit-html-und-css-1032694.html
  32. https://one-line.ch/blog/html-einfach-erklaert/
  33. https://www.sistrix.de/frag-sistrix/technisches-seo/html/
  34. https://bloghexe.de/html-css-grundlagen/
Siehe auch  SVG-Animationen leicht gemacht - Tipps & Tricks