Der definitive HTML-Leitfaden für Anfänger

Zuletzt aktualisiert am 15 Mai 2018

Vor zwanzig Jahren mussten Sie, auch wenn Sie nur ein Hobby-Blogger sind, ein wenig Webcodierung kennen, um sich zu schützen oder Ihrer Website eine einfache Funktion hinzuzufügen. Nun sind jedoch so viele Editoren und Plugins verfügbar, dass selbst das Wissen über die Grundlagen von HTML nicht mehr erforderlich ist eine Website erstellen or einen Blog führen.

Das Problem dabei ist, dass, wenn Sie einige Grundlagen nicht kennen, Sie in Ihrem Blog leicht in echte Schwierigkeiten geraten können und einen teuren Entwickler beauftragen müssen, um ein möglicherweise geringfügiges Problem zu beheben. Darüber hinaus erfordert das Erstellen von Änderungen an Ihrem Blog, z. B. das Hinzufügen eines benutzerdefinierten Text-Widgets, ein wenig Wissen.

Und wenn Sie feststellen, dass das Layout von Inhalten nicht richtig aussieht, können Sie mit HTML-Kenntnissen wieder auf dem richtigen Weg sein.

Hier sind einige unserer HTML-Anleitungen für Blogger und Nicht-Technikfreaks.

HTML ist das Rückgrat des heutigen Internets. Millionen von Websites bildeten zusammen das Internet. Dabei ist HTML der Baustein all dieser Websites.

Fragen und Antworten für Anfänger

1- Was ist HTML?

HTML ist die Abkürzung von Hyper Text MArkupe LLeid Dies ist die Standardsprache für das Taggen von Inhalten für Webbrowser.

HTML wird durch „Elemente“ dargestellt. Elemente werden auch als "Tags" bezeichnet.

2- Warum wird HTML benötigt?

Webbrowser können eine Website nur rendern, wenn sie in ihrer unterstützten Sprache geschrieben ist. HTML ist die gebräuchlichste Auszeichnungssprache und hat die höchste Akzeptanz für Webbrowser.

Deshalb brauchen Sie HTML.

3 - Ist die Groß- und Kleinschreibung von HTML wichtig?

HTML unterscheidet nicht zwischen Groß- und Kleinschreibung. Die beste Vorgehensweise ist jedoch das Schreiben von HTML mit den richtigen Fällen.

Schritte zum Erstellen Ihrer ersten HTML-Datei

Sie können eine einfache HTML-Datei mit dem Editor auf Ihrem Computer erstellen. Es wird jedoch schmerzhaft sein, viele Codezeilen zu schreiben.

Sie benötigen einen Code-Editor. Ein guter Code-Editor erleichtert das Schreiben und Organisieren großer Codes.

Ich benutze und empfehle Notepad + + (kostenlos und Open Source) zum Schreiben von Web-Sprachen. Es gibt andere Editoren, die Sie gerne verwenden Sublime Text, Atom usw.

Hier ist was du tun musst:

  1. Installieren Sie einen Code-Editor
  2. Öffne es
  3. Erstellen Sie eine neue Datei
  4. Speichern Sie es als .html-Datei

Sie sind bereit zu gehen!


Go Top

1- Hallo Welt!

Kopieren Sie den folgenden Code, fügen Sie ihn in Ihre neue HTML-Datei ein und speichern Sie ihn. Führen Sie es jetzt in Ihrem Webbrowser aus.

Code:

<! DOCTYPE html> <html> <head> <title> Meine erste Webseite </ title> </ head> <body> <p> Hallo Welt! </ P> </ body> </ html>

Ausgabe:

Glückwunsch! Sie haben Ihre allererste HTML-Datei erstellt. Sie müssen es an dieser Stelle nicht verstehen. Wir werden es in Kürze behandeln.

Grundlegendes zur HTML-Struktur

Jede HTML-Datei hat eine gemeinsame nackte Struktur. Hier fängt alles an. Jede große Seite von Codes wird nach dem Abschneiden in diese Struktur aufgenommen.

Versuchen wir es also anhand des Codes „Hello World!“ Zu verstehen. Die folgenden Elemente sind die obligatorischen Bestandteile für jede HTML-Datei.

  • <! DOCTYPE html> = Es ist eine Erklärung an den Browser, dass es sich um eine HTML-Datei handelt. Sie müssen es vor dem <html> -Tag angeben.
  • <html> </ html> = Dies ist das Wurzelelement einer HTML-Datei. Alles, was Sie schreiben, geht zwischen <html> und </ html>.
  • <Kopf> </ Kopf> = Dies ist der Metainformationsteil für einen Browser. Codes innerhalb dieses Tags haben keine visuelle Ausgabe.
  • <body> </ body> = Dies ist der Teil, den ein Webbrowser rendert. Was Sie auf einer Website genau sehen, ist die Darstellung von Codes zwischen <body> und </ body>.


Go Top

2- HTML-Tags

HTML ist die Zusammenarbeit von Hunderten von verschiedenen Tags. Sie müssen lernen, wie sie funktionieren. Sie müssen auch sicherstellen, dass sie sie auf die richtige Weise verwendet haben.

HTML-Tags haben normalerweise ein öffnendes und ein schließendes Tag. Das öffnende Tag hat das Schlüsselwort umgeben von einem Zeichen kleiner als (<) und größer als (>). Das schließende Tag hat alles gleich, aber einen zusätzlichen Schrägstrich (/) nach dem Kleiner als (<) Zeichen.

(2a) Kopfmarken

Alle Kopf-Tags gehen zwischen <head> und </ head>. Sie enthalten Metainformationen für Webbrowser und Suchmaschinen. Sie haben grundsätzlich keine visuelle Ausgabe.

<title> </ title>

Titel-Tag definiert den Titel einer Webseite, die auf dem Browser-Tab sichtbar ist. Diese Information wird von Web-Programmen und Suchmaschinen verwendet. Sie können den höchsten Titel pro HTML-Datei haben.

Code:

<title> Meine erste Webseite </ title>
Das Titel-Tag erscheint oben in Ihrem Browser.

<link>

Link-Tag verknüpft Ihre HTML-Seite mit externen Ressourcen. Hauptsächlich wird HTML-Seite mit CSS-Stylesheets verknüpft. Es ist ein sich selbst schließendes Tag und benötigt keine Endung </ link>. Hier steht rel für die Beziehung mit der Datei und src für die Quelle.

Code:

<link rel = "stylesheet" type = "text / css" src = "style.css">

<Meta>

Meta ist ein weiteres sich selbst schließendes Tag, das Metainformationen einer HTML-Datei bereitstellt. Suchmaschinen und andere Webdienste verwenden diese Informationen. Meta-Tags sind ein Muss, wenn Sie Ihre Seite für Suchmaschinen optimieren möchten.

Code:

<meta name = "description" content = "Dies ist die kurze Beschreibung, die Suchmaschinen anzeigen"

<Skript> </ Skript>

Das Skript-Tag wird verwendet, um ein serverseitiges Skript aufzunehmen oder eine Verknüpfung zu einer externen Skriptdatei herzustellen. Es kann zwei Attribute im öffnenden Tag haben. Einer ist der Typ und ein anderer ist die Quelle (src).

Code:

<Skripttyp = "text / javascript" src = "scripts.js"> </ script>

<noscript> </ noscript>

Noscript-Tag funktioniert, wenn Skripte in einem Webbrowser deaktiviert sind. Es macht eine Seite kompatibel zu denen, die Skripte in ihren Webbrowsern nicht zulassen.

Code:

<noscript> <p> Leider! Skripte sind deaktiviert. </ P> </ noscript>

(2b) Körper Tags

Alle Body-Tags gehen zwischen <body> und </ body>. Sie haben visuelle Ausgänge. Hier wird am meisten gearbeitet. Sie müssen diese Tags verwenden, um den Inhalt Ihrer Hauptseite zu strukturieren.

<h1> </ h1> bis <h6> </ h6>

Dies sind die Überschrift-Tags. Die wichtigste Überschrift ist mit <h1> und die unwichtigste mit <h6> gekennzeichnet. Sie sollten sie in der richtigen Hierarchie verwenden.

Code:

<h1> Dies ist eine h1-Überschrift </ h1>. <h2> Dies ist eine h2-Überschrift </ h2>. Dies ist eine h3-Überschrift </ h3> > Dies ist eine h3-Überschrift </ h4>. <H4> Dies ist eine h4-Überschrift </ h5>

Ausgabe:

Formatieren von Tags

Text in einer HTML-Datei kann mit vielen Formatierungs-Tags formatiert werden. Dies ist erforderlich, wenn Sie ein Wort oder eine Zeile aus Ihrem Inhalt hervorheben möchten.

Code:

<p> Sie können Ihren Text auf verschiedene Weise hervorheben. </ p> <p> Sie können <strong> fett </ strong>, <u> </ u>, <em> kursiv </ em>, <markieren > mark </ mark>, <sub> subscript </ sub>, <sup> hochgestellt </ sup> und mehr! </ p>

Ausgabe:

<->

Sie können einige Codes vom Rendern mit dem Kommentar-Tag abweichen lassen. Der Code wird im Quellcode angezeigt, aber nicht gerendert. Die Hauptverwendung dieses Tags besteht in der Erstellung einer Dokumentation von HTML-Dateien zur späteren Verwendung.

Beispiel:

<! - <p> Sie können jeden Code auskommentieren, indem Sie ihn auf diese Weise umgeben </ p> ->

(2c) Andere wichtige HTML-Tags

<a> </a>

Anker ist eine unschätzbare Marke, die fast überall verwendet wird. Sie werden online keine Webseite ohne mindestens einen Anker-Link sehen.

Die Struktur ist gleich. Es hat eine Öffnung <a> und einen schließenden Teil </a>. Der Text, den Sie verankern möchten, liegt zwischen <a> und </a>.

Es gibt einige Attribute, die definieren, wo und wie der Benutzer nach dem Anklicken geht.

  • ahref = "" = Es definiert den Ziel-Link. Der Link verläuft zwischen den Anführungszeichen.
  • Ziel = "" = Definiert, ob die URL in einem neuen Browser-Tab oder auf derselben Registerkarte geöffnet wird. target = "_ blank" ist für die neue Registerkarte und target = "_ self" ist für das Öffnen in der gleichen Registerkarte.
  • rel = "" = Definiert die Beziehung der aktuellen Seite zur verknüpften Seite. Wenn Sie der verlinkten Seite nicht vertrauen, können Sie rel = "nofollow" definieren.

Code:

<p> <a target="_blank" href="https://www.google.com/"> Klicken Sie hier </a>, um zu Google zu gelangen. Es wird in einem neuen Tab geöffnet. </ P> <p> <a target="_self" href="https://www.google.com/"> Klicken Sie hier </a>. Sie gelangen auch zu Google, werden jedoch auf der aktuellen Registerkarte geöffnet. </ P>

Ausgabe:

<img />

Image-Tag ist ein weiterer wichtiger Tag, ohne den Sie sich viele bildbasierte Websites nicht vorstellen können.

<img /> ist ein sich selbst schließendes Tag. Es braucht nicht das traditionelle Schließen wie </ img>. Es gibt einige Attribute, die Sie wissen müssen, bevor Sie sie richtig verwenden können.

  • src = "" = Dies ist zum Definieren der Quellverknüpfung des Bildes. Setzen Sie den Link zwischen den Anführungszeichen.
  • alt = "" = Es steht für alternativen Text. Wenn Ihr Bild nicht geladen wird, gibt dieser Text den Benutzern eine Idee über das fehlende Bild.
  • Breite = "" = Definiert die Breite eines Bildes in Pixeln.
  • Höhe = "" = Definiert die Höhe eines Bildes in Pixeln.

Beispiel:

<p> Dies ist der Googleplex von 2014 im August. </ p> <p> Dieses Bild hat eine Breite von 500-Pixeln und eine Höhe von 375-Pixeln. </ p> <img src = "https: //upload.wikimedia. org / wikipedia / commons / 0 / 0e / Googleplex-Patio-Aug-2014.JPG "alt =" Googles Hauptsitz im August 2014 "width =" 500 "height =" 375 "/>

Ausgabe:

Tipps: Möchten Sie ein anklickbares Bild einfügen? Wickeln Sie den Bildcode mit einem <a> -Tag ein. Schau wie es läuft.

<ol> </ ol> oder <ul> </ ul>

List-Tag dient zum Erstellen einer Liste von Elementen. <ol> steht für geordnete Listen (nummerierte Liste) und <ul> steht für ungeordnete Listen (Aufzählungspunkte).

Die Listenelemente in <ol> oder <ul> sind mit <li> </ li> gekennzeichnet. Li steht für Liste. Sie können beliebig viele <li> innerhalb des übergeordneten <ol> oder <ul> -Tags haben.

Code:

<p> Dies ist eine geordnete Liste: </ p> <ol> <li> Artikel 1 </ li> <li> Artikel 2 </ li> <li> Artikel 3 </ li> </ ol> <p> Dies ist eine ungeordnete Liste: </ p> <ul> <li> Artikel 1 </ li> <li> Artikel 2 </ li> <li> Artikel 3 </ li> </ ul>

Ausgabe:

<Tabelle> </ Tabelle>

Das Tabellen-Tag dient zum Erstellen einer Tabelle mit Daten. Es gibt einige Tags auf der inneren Ebene, die Tabellenköpfe, Zeilen und Spalten definieren.

<table> </ table> ist der äußere Elterncode. In diesem Tag steht <tr> für die Tabellenzeile, <td> steht für die Tabellenspalte und <th> steht für den Tabellenkopf.

Code:

<table> <tr> <th> Name </ th> <th> Alter </ th> <th> Beruf </ th> </ tr> <tr> <td> Jo <td> 27 </ td> < td> Geschäftsmann </ td> </ tr> <tr> <td> Carol </ td> <td> 26 </ td> <td> Krankenschwester </ td> </ tr> <tr> <td> Simone < / td> <td> 39 </ td> <td> Professor </ td> </ tr> </ table>

Ausgabe:

Hinweis: Werte innerhalb des ersten <tr> sind Überschriften. Also haben wir <th> verwendet, das den Text mit fettem Text effektiert.

Tabellengruppierung

Sie können die Funktionalität einer Tabelle mithilfe von Tabellengruppierungselementen erweitern. Es wird Zeiten geben, in denen Sie große Tabellen erstellen müssen, die sich in mehrere Seiten aufteilen.

Wenn Sie Ihre Tabellendaten in Kopfzeile, Hauptteil und Fußzeile gruppieren, können Sie das unabhängige Scrollen zulassen. Der Kopf- und der Körperteil werden auf jede Seite gedruckt, auf der sich Ihre Tabelle erstreckt.

Die Tabellengruppierungstags sind:

  • <thead> </ thead> = Zum Umbrechen der Überschriften einer Tabelle. Es wird auf jede geteilte Seite der Tabelle gedruckt.
  • <tbody> </ tbody> = Umschließt die Hauptdaten einer Tabelle. Sie können so viele <tbody> haben, wie Sie brauchen. Ein <tbody> -Tag bedeutet eine separate Gruppe von Daten.
  • <tfoot> </ tfoot> = Um die Fußzeileninformationen einer Tabelle zu umhüllen. Es wird auf jede geteilte Seite der Tabelle gedruckt.

Bitte beachten Sie, dass Gruppierung nicht zwingend erforderlich ist. Sie können es verwenden, um größere Tabellen lesbarer zu machen. Während einige spezielle Entwickler diese Tags deutlich als CSS-Selektoren verwenden.

So können wir unsere Beispieltabelle in <thead>, <tbody> und <tfoot> gruppieren:

Code:

<table> <thead> <tr> <th> Name </ th> <th> Alter </ th> <th> Beruf </ th> </ tr> </ thead> <tbody> <tr> <td> John </ td> <td> 27 </ td> <td> Geschäftsmann </ td> </ tr> <tr> <td> Carol </ td> <td> 26 </ td> <td> Krankenschwester </ td> </ tr> <tr> <td> Simone </ td> <td> 39 </ td> <td> Professor </ td> </ tr> </ tbody> <tfoot> <tr> <td> Personen insgesamt: </ td> <td> 3 </ td> </ tr> </ tfoot> </ table>

Ausgabe:

<form> </ form>

Formularelement wird zum Erstellen interaktiver Formulare für Webseiten verwendet. Ein HTML-Formular enthält mehrere aufeinanderfolgende Elemente. Zum Beispiel: <label>, <input>, <textarea> usw.

Das Aktionsattribut in Form ist sehr wichtig. Es zeigt auf eine Serverseite oder eine Seite eines Drittanbieters für die Verarbeitung der Information. Für die Verarbeitung müssen Sie zuerst eine Methode definieren.

Sie können eine der beiden Methoden Get oder Post verwenden. Get sendet alle Informationen im URL-Format, in dem Post die Informationen im Nachrichtentext sendet.

Es gibt viele Arten von Eingaben für Formulare. Der grundlegende Eingabetyp ist Text. Es wird als <input type = "text"> geschrieben. Typen können auch Radio, Checkbox, E-Mail und so weiter sein. Es sollte eine Submit-Typ-Eingabe am unteren Rand zum Erstellen einer Übermittlungsschaltfläche geben.

Das <label> -Tag wird zum Erstellen von Beschriftungen und Verknüpfen mit Eingängen verwendet. Die Regel der Zuordnung von Beschriftungen zu den Eingängen besteht darin, dass sie für das Attribut "=" "des Attributs" label "und das Attribut" id = "der Eingabe denselben Wert aufweisen.

Code:

<form action = "#"> <label for = "firstname"> Vorname: </ label> <input type = "text" id = "firstname"> <br> <label for = "lastname"> Nachname: </ label> <input type = "text" id = "lastname"> <br> <label for = "bio"> Kurzbiographie: </ label> <textarea id = "bio" rows = "10" cols = " 30 "placeholder =" Geben Sie Ihre Bio hier ein ... "> </ textarea> <br> <label> Geschlecht: </ label> <br> <label for =" male "> Männlich </ label> <input type = "radio" name = "gender" id = "male"> <br> <label for = "female"> weiblich </ label> <input type = "radio" name = "gender" id = "female"> <br > <input type = "submit" value = "Submit"> <form>

Ausgabe:

Hinweis: Ich habe die Aktion auf einen Nullwert gesetzt, weil sie zur Verarbeitung der Informationen nicht mit einem Server verbunden war.


Go Top

3- HTML-Attribute

Attribute sind eine Art von Modifikatoren für HTML-Tags. Sie fügen den HTML-Tags neue Konfigurationen hinzu.

Ein Attribut sieht wie attributename = "" aus und befindet sich im öffnenden HTML-Tag. Der Wert des Attributs liegt zwischen den Anführungszeichen.

id = "" und class = ""

ID und Klasse sind die Bezeichner von HTML-Tags. Verschiedene Namen werden verschiedenen HTML-Elementen mithilfe von Kennungen zugewiesen. Sie können eine Klassenkennung für mehrere Elemente verwenden. Sie können jedoch keinen ID-Bezeichner für mehrere Elemente verwenden.

Code:

<h1 class = "heading"> Dies ist der Haupttitel </ h1>

href = ""

href steht für Hypertext Reference. Sie verweisen Benutzer auf Referenzlinks. Anchor-Tag <a> verwendet href, um Benutzer an eine Ziel-URL zu senden.

Code:

<a href="https://www.google.com/"> Google </a>

src = ""

src steht für Quelle. Es definiert die Quelle eines Mediums oder einer Ressource, die Sie in der HTML-Datei verwenden. Die Quelle kann entweder die lokale oder die URL eines Drittanbieters sein.

Code:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" />

alt = ""

alt steht für Alternative. Es handelt sich um einen Sicherungstext, der verwendet wird, wenn ein HTML-Element nicht geladen werden kann.

Code:

<img src = "https://upload.wikimedia.org/wikipedia/commons/0/0e/Googleplex-Patio-Aug-2014.JPG" alt = "Google-Hauptsitz" />

Stil = ""

style-Attribute werden häufig in HTML-Tags verwendet. Es übernimmt die Aufgabe von CSS innerhalb des HTML-Tags. Ihre Styling-Eigenschaften liegen zwischen doppelten Anführungszeichen.

Code:

<h2 style = "color: red"> Dies ist ein weiterer Titel </ h2>


Go Top

4- Codeanzeige: Block vs. Inline

Einige Elemente beginnen immer in einer neuen Zeile und nehmen die volle verfügbare Breite an. Dies sind "Block" -Elemente.

Bsp .: <div>, <p>, <h1> - <h6>, Formular usw.

Einige Elemente benötigen nur den erforderlichen Speicherplatz und beginnen nicht mit einer neuen Zeile. Dies sind "Inline" -Elemente.

Bsp: <a>, <span>, <br> <strong>, <img> usw.

Sie müssen Blockelemente von Inline unterscheiden, wenn Sie CSS-Stile verwenden. In diesem HTML-Handbuch ist es nicht sehr notwendig.

Code:

<! DOCTYPE html> <html> <head> <title> Meine erste Webseite </ title> </ head> <body> <h2> Dies ist eine H2-Überschrift. Es hat eine Blockanzeige. </ H2> <h2> Dies ist <u> eine andere </ u> H2-Überschrift. Hier hat das Unterstrich-Tag eine Inline-Anzeige. </ H2> </ body> </ html>

Ausgabe:


Go Top

5 - Doppeltes Zitat und einfaches Zitat in HTML

Diese Frage ist sehr offensichtlich. Was sollten Sie in HTML verwenden? Einfaches Angebot oder Doppelzitat? Die Leute scheinen beide zu benutzen, aber welche ist richtig?

In HTML sind einfaches und doppeltes Zitat identisch. Sie machen keinen Unterschied in der Ausgabe.

Sie können jeden verwenden, den Sie bevorzugen. Aber beides auf einer Seite von Codes zu vermischen gilt als eine schlechte Übung. Sie sollten mit jedem von ihnen übereinstimmen.


Go Top

6 - Semantisches HTML und nicht semantisches HTML

Semantisches HTML ist die neueste Version von HTML, die auch HTML5 genannt wird. Es ist die entwickelte Version von nicht-semantischem HTML und XHTML.

Warum ist HTML5 besser? In früheren Versionen wurden HTML-Elemente anhand von ID- / Klassennamen identifiziert. Zum Beispiel: <div id = "article"> </ div> wurde als ein Artikel angesehen.

In HTML5 stellt das <article> </ article> -Tag sich selbst als Artikel dar, ohne dass eine ID / Klassen-ID benötigt wird.

Aus Gründen von HTML5 können Suchmaschinen und andere Webanwendungen eine Webseite besser verstehen. Semantische Websites haben sich als besser für SEO erwiesen.

Hier ist eine Liste einiger beliebter HTML5-Tags:

  • <main> </ main> = Dies ist zum Umschließen des Hauptinhalts, den Sie Ihren Zuschauern zeigen möchten.
  • <header> </ header> = Dies ist zum Markieren des Header-Teils eines Inhalts wie Titel oder Autor-Meta.
  • <Artikel> </ Artikel> = Es spezifiziert einen benutzerdefinierten oder unabhängigen Inhalt für Ihre Zuschauer.
  • <Abschnitt> </ Abschnitt> = Es kann beliebigen Code wie Kopfzeile, Fußzeile oder Seitenleiste gruppieren. Sie können sagen, es ist die semantische Form eines div.
  • <Fußzeile> </ Fußzeile> = Hier finden Sie Ihren Footer-Content, Disclaimer oder Copyright-Text.
  • <Audio> </ Audio> = Sie können Audiodateien einfügen, ohne dass ein Plugin-Problem auftritt.
  • <video> </ video> = Wie <Audio> können Sie Videos ohne Plug-In-Probleme mit diesem Tag einfügen.

Eine einfache HTML5-Struktur würde folgendermaßen aussehen:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8" /> <title> Meine erste Webseite </ title> </ head> <body> <header> <nav> <ul> < li> Menü 1 </ li> <li> Menü 2 </ li> </ ul> </ nav> </ header> <main> <Artikel> <header> <h2> Dies ist der Titel des Artikels </ h2> <p> Gepostet von John Doe </ p> </ header> <p> Der Inhalt des Artikels wird hier </ p> </ article> </ main> <Fußzeile> <p> Copyright 2017 John Doe </ veröffentlicht. p> </ footer> </ body> </ html>


Go Top

7- HTML-Validierung

Die meisten Webprofis validieren ihren Code nach der Fertigstellung. Warum muss ein Code validiert werden, wenn er funktioniert?

Es gibt zwei mögliche Gründe für die Validierung Ihrer Codes:

  1. Es wird Ihnen helfen, Ihren Code browser- und plattformübergreifend kompatibel zu machen. Der Code zeigt möglicherweise keinen Fehler in Ihrem aktuellen Browser, aber möglicherweise in einem anderen. Die Code-Validierung wird es beheben.
  2. Suchmaschinen und andere Webprogramme stoppen möglicherweise das Crawlen Ihrer Seite, wenn Sie Fehler haben. Sie können bestätigen, dass Sie keinen größeren Fehler haben.

W3C Validator ist der beliebteste Dienst für die Code-Validierung. Sie haben mehrere Methoden zur Validierung von Codes. Sie können entweder eine Datei hochladen oder den Code direkt in ihre Validierungs-Engine eingeben.


Go Top

8- Weitere hilfreiche Ressourcen

HTML ist ein ständig lernendes Thema. Weitere aktualisierte HTML-Versionen könnten früher kommen. Also musst du auf dem Laufenden bleiben und weiter üben. Übung ist was Asse HTML.

Hier sind einige hilfreiche Ressourcen für Sie: