Seit ich angefangen habe, in diesem Blog zu schreiben, musste ich, selbst wenn ich versucht habe, Webseiten auf einfache Weise zu gestalten, immer versuchen, HTML-Codes zu verstehen, weil selbst die Verwendung des einfachsten und perfektesten automatischen Systems zum Erstellen einer Website die Notwendigkeit darstellt Um benutzerdefinierten HTML-Code hinzuzufügen, gibt es immer. Ich bin kein professioneller Webmaster, aber jeder, der ein Blog oder eine Website hat, sollte zumindest die grundlegenden Elemente grundlegender HTML-Tags kennen Ich kann auch verschiedene Online-Portale angeben, die als globale Unterstützung für diejenigen dienen, die lernen möchten, sowie für Manager und Entwickler von Websites. Selbst wenn man bedenkt, dass sich die Technologien im Laufe der Zeit mit der Geburt neuer Programmiersprachen wie PHP, Javascript, CSS usw. geändert haben, ist es selbst für die erfahrensten erforderlich, pädagogische Bezugspunkte für Webmaster und Webdesigner zu haben .
Da es sicherlich viele ziemlich schlechte und vermeidbare Websites gibt, sehen wir die besten Websites, die Beispiele und Anleitungen für HTML-Code und Webanwendungen enthalten, mit denen Sie Tests, Übungen, Experimente und Tests mit Online-Editoren durchführen können . Die folgenden Websites bieten nicht nur eine gute und solide Grundlage für das Erlernen von HTML, sondern auch die beste Lernumgebung mit interaktiven Tools, mit denen Sie das Gelernte überprüfen und vor Ort ausprobieren können.
LESEN SIE AUCH: Hauptprogrammiersprachen für Apps und Websites
1) Die besten Websites zum Erlernen von HTML und Programmieren im Internet sind CodePen und die Websites zum Erstellen von Programmiertests, die auch Tutorials, Anleitungen und viele Tutorials und Beispiele zum Studieren und Ausprobieren mit sofortiger Vorschau enthalten.
2) HTML Dog ist die erste Site, die Sie besuchen, wenn Sie vergessen, wie ein HTML- und CSS-Befehl oder eine Anweisung verwendet wird .
Die Website ist gut gestaltet und vor allem im Gegensatz zu anderen Websites für Webdesign, die häufig veraltete Anleitungen enthalten, sehr aktualisiert.
HTML Dog bietet für jede Funktion, jedes Tag oder jedes Attribut ein klares Beispiel für Code, den Sie kopieren und in Ihren Editor einfügen können.
Es gibt drei Lernstufen : Anfänger, Mittelstufe und Fortgeschrittene.
Selbst wenn die Seite auf Englisch ist, ist es sehr einfach, sie auch für diejenigen zu konsultieren, die sie oberflächlich kennen.
Über das Suchfeld erhalten Sie Anweisungen und Beispiele für die Verwendung eines bestimmten Tags.
3) W3Schools ist vielleicht die beste Website, um weniger Standard- und einfallsreichere Codes zu finden.
Es enthält viele Codebeispiele, von PHP CSS und HTML bis hin zu XML und Javascript .
Das Nützlichste an der W3Schools-Site ist ein nützliches Split-Screen-Tool, mit dem Sie den Code testen können , den Sie in jeder Lektion gelernt haben .
Wenn Sie den HTML-Code im Box-Editor ändern, können Sie das Ergebnis sofort in der Vorschau sehen, um alle gewünschten Tests durchzuführen.
Dieses Tool führt mich dazu, eine Klammer zu öffnen und andere Websites zu melden, die einen Online- und Sofort-HTML-Editor bereitstellen. Dies ist sehr nützlich, um Tests durchzuführen und zu sehen, was durch Ändern von Werten und Befehlen geschieht.
- HTML Instant ist der bekannteste HTML-Online-Editor, in dem Sie links Code schreiben und sofort sehen, wie er rechts angezeigt wird
- HTML Edit ähnelt HTML Instant nur, wenn sich der Editor oben und die Vorschau unten befindet.
- JsBin ist sehr nützlich, um Javascript wie jQuery, Prototype und andere hinzuzufügen.
4) Quackit ist auf dem gleichen Niveau wie W3Schools, mit vielen Beispielen für einfaches und fortgeschrittenes HTML .
Alle Codes können kopiert und auf Ihrer Website eingefügt werden.
Für jedes Beispiel werden sowohl der Programmcode als auch das grafische Ergebnis angezeigt.
Im Menü unten links befinden sich automatische Codegeneratoren, mit denen Sie durch personalisiertes Ausfüllen von Feldern den benötigten Codeteil generieren können.
5) LandOfCode bietet einen in zwei Teile unterteilten Online-Editor zum Testen des HTML-Codes.
Auf der Website gibt es zahlreiche Beispiele für HTML-Code, wobei die Formatierung zu wünschen übrig lässt.
Der LandOfCode-Online-Editor ist weiter fortgeschritten als der der W3School, da er über zusätzliche Schaltflächen verfügt, mit denen Sie die Ergebnisse in einem neuen Fenster und nicht nur im Anzeigebereich rechts anzeigen können.
6) Html.it ist die beste italienische Website zum Lesen von Anleitungen und Einblicken in den HTML-Code, der zum Erstellen einer Website verwendet wird.
Ohne die massive Präsenz von Werbung wäre es hervorragend, mit vielen Beispielen zum Kopieren und Einfügen für Ihre Bedürfnisse.
Die verwendete Sprache ist jedoch nicht zu einfach und es ist fast besser, die Anleitungen von einer der oben genannten englischen Websites zu lesen.
7) HTML.com ist eine weitere großartige Website zum Lesen, Studieren und Suchen von Anleitungen zur Verwendung von HTML, CSS-Tags und zum Finden von Beispielen für alle Arten von Website-Code.
Aus Neugier können Sie auf die Website WebPagesThatSuck gehen, auf der Sie sehen können, wie eine Webseite nicht erstellt werden sollte, welche Fehler zu vermeiden sind und wo Sie das Ranking der schlechtesten Websites der Welt lesen können.
Schließlich erinnere ich mich an eine weitere Seite dieses Blogs mit den besten Online-Ressourcen zum Herunterladen von HTML-, CSS- und Javascript-Syntheseschemata, die gedruckt werden sollen .
