Die wesentlichen HTML-FAQs, die Sie als Lesezeichen speichern sollten

HTML gibt es schon lange, also ist es an der Zeit, die Grundlagen zu erlernen. Was ist das, wie funktioniert es und wie werden einige allgemeine Elemente in HTML geschrieben?.

Bevor Sie beginnen, lesen Sie unser Handbuch zu kostenlosen Online-HTML-Editoren. 5 Beste kostenlose Online-HTML-Editoren, um Ihren Code zu testen 5 Beste kostenlose Online-HTML-Editoren, um Ihren Code zu testen Für Zeiten, in denen Sie nur mit einem kleinen HTML-Ausschnitt arbeiten möchten Sie können es nach Ihren Wünschen anpassen, ein Online-HTML-Editor wird Ihnen besser dienen. Weitere Informationen und die besten Websites für qualitativ hochwertige HTML-Beispiele. 8 Beste Websites für hochwertige HTML-Codierungsbeispiele. 8 Beste Websites für hochwertige HTML-Codierungsbeispiele. Hier sind acht unserer Favoriten. Weiterlesen .

Was ist HTML??

HTML ist die Sprache, mit der Webseiten erstellt werden. HTML steht für Hypertext Markup Language und ist eine einfache Anleitung für Ihren Webbrowser. Mit diesen Anweisungen zeigt Ihr Browser an, wie eine Webseite aussehen sollte.

Es ist wichtig zu verstehen, dass es eine ist Markup Sprache, nicht eine Programmierung Sprache. Mit Programmiersprachen können Sie Probleme lösen, z. B. mathematische Gleichungen, das Bearbeiten von Daten oder das Bewegen eines Videospielcharakters.

Sie können keine Logik in HTML schreiben. Es geht nur um das Layout.

Wie sieht HTML aus??

HTML besteht aus mehreren Elementen, die als bekannt sind “Stichworte”. Tags sind Anweisungen, um einen bestimmten Teil Ihrer Webseite zu gestalten. Zurück zur Konstruktion geht es bei HTML um die Pläne. Tags sind spezifische Merkmale wie Fenster oder Türen.

So sieht eine sehr einfache Webseite in HTML aus:

Tags in HTML sind vordefiniert und geben allgemeine Funktionen wie Bilder, Links zu anderen Webseiten, Schaltflächen usw. an.

Die überwiegende Mehrheit der Tags muss sein öffnen und geschlossen. Dies definiert einfach eine Funktion mit Text, Bildern oder anderen Tags und beendet dann die Definition. Beim Nachdenken über Häuser, das Öffnen des Tags ist wie ein Satz “Starten Sie das Fenster hier”, und das Tag zu schließen ist wie gesagt “Hier endet das Fenster”.

HTML-Tags werden auf Ihrer Website nicht angezeigt. Ihr Browser folgt der Anweisung, zeigt sie jedoch keinem Besucher. Es ist jedoch kein Geheimnis. Jeder kann Ihren HTML-Code anzeigen, sobald Sie Ihre Webseiten veröffentlicht haben.

Es gibt zwar viele verschiedene HTML-Tags, Sie müssen jedoch nicht alle lernen, bevor Sie eine Website codieren können. Heute lernen Sie, wie Sie einige gängige Tags schreiben und wofür sie verwendet werden können.

Was sind HTML-Tag-Attribute??

Eine letzte Erkenntnis über Tags ist Attribute. Attribute definieren besondere Merkmale von Tags. Wenn Tags Fenster und Türen sind, geben die Attribute bestimmte Gebäudedetails an. Dies kann die Breite und Höhe des Rahmens sein, unabhängig davon, ob sich das Fenster öffnet oder ob die Tür verriegelt ist.

Attribute sind im einleitenden Tag enthalten:

Sie können nicht nur Ihre eigenen Tags oder Attribute erstellen. Attribute und Tags werden vom World Wide Web Consortium (W3C) vordefiniert..

Was ist HTML5??

HTML5 ist die neueste Version von HTML. Es enthält mehrere neue Tags, Attribute und Funktionen.

Da es sich bei HTML um Anweisungen handelt, interpretieren verschiedene Webbrowser sie manchmal unterschiedlich. Ein Browser kann entscheiden, dass Fenster und Türen schwarz gestrichen werden, sofern Sie nichts anderes sagen.

Während die Browser endlich miteinander in Einklang zu kommen begonnen haben, können Sie manchmal mit sehr neuen Funktionen erwischt werden. Möglicherweise hat Google Chrome ein neues Tag implementiert, der Internet Explorer von Microsoft jedoch noch nicht.

In der Regel sehen Ihre Webseiten in allen gängigen Browsern gleich aus. Es empfiehlt sich jedoch, vor dem Veröffentlichen einen kurzen Test durchzuführen, insbesondere wenn Sie neuere Tags verwenden, die möglicherweise noch nicht von allen Browsern unterstützt werden.

Wenn Sie mehr über HTML5 erfahren möchten, werfen Sie einen Blick auf unseren HTML5-Einführungsleitfaden Erste Schritte mit HTML5 Erste Schritte mit HTML5 Sie haben von HTML5 gehört. Jeder nutzt es. Es wird als Retter des Internets angekündigt und ermöglicht den Nutzern, reichhaltige, ansprechende Webseiten zu erstellen, ohne auf Flash und Shockwave zurückgreifen zu müssen. Weiterlesen .

HTML auskommentieren

Wie viele andere Sprachen, Markup oder Programmierung, hat HTML die Fähigkeit dazu “auskommentieren” Markup-Blöcke. Ein Kommentar wird vom Browser ignoriert. Dies kann eine Notiz sein, um sich daran zu erinnern, was dieser Teil Ihrer Website tut.

Indem Sie das Markup auskommentieren, weisen Sie den Browser an, ein oder mehrere Tags zu ignorieren. Dies kann nützlich sein, um die Funktionalität zu entfernen oder einen Teil Ihrer Website auszublenden, ohne den Code zu löschen.

Wenn ein Webbrowser einen Kommentar sieht, versteht er dies als “Verwenden Sie diese Anweisungen nicht, bis ich etwas anderes sage”. Kommentare bestehen aus einem “Öffnung” Kommentar und a “Schließen” kommentieren-wie tags.

Hier ist ein Beispiel:

Das Auskommentieren von Code erfolgt auf dieselbe Weise:

Platzieren Sie Ihre Markierung anstelle einer Nachricht zwischen den Kommentar-Tags.

So fügen Sie Bilder in HTML ein

Das Einfügen von Bildern in Ihren HTML-Code erfolgt mit dem Image-Tag:

Beachten Sie, wie der Tag-Name aufgerufen wird img, und es gibt zwei Attribute. Das src Attribut gibt an, wo das Bild zu finden ist, und das alt tag ist eine alternative Textbeschreibung, falls das Bild aus irgendeinem Grund nicht geladen werden kann.

Das Image-Tag muss im Gegensatz zu den meisten anderen Tags nicht geschlossen werden.

So ändern Sie die Schriftart in HTML

Schriftarten können mit geändert werden Schriftart tag und die Gesicht Attribut:

MUO Arial Text

Die Schriftgröße kann leicht mit der Taste geändert werden Größe Attribut:

MUO Großer Text

Wenn Sie die Schriftfarbe ändern möchten, können Sie dies mit der Farbe Attribut:

MUO Roter Text

Diese Attribute sind für die Schriftart Etikett. Wenn Sie ein anderes Tag verwenden möchten, können Sie dies tun Nest Tags, indem Sie einen in den anderen einfügen:

MUO Roter Text

So fügen Sie einen Link in HTML hinzu

Links können mit dem hinzugefügt werden ein Etikett:

MakeUseOf.com

Das href Attribut ist das Ziel Ihres Links.

So erstellen Sie eine Tabelle in HTML

Bei HTML-Tabellen werden mehrere Tags verschachtelt. Sie müssen mit einem beginnen Tabelle Etikett:

Fügen Sie nun einige Zeilen hinzu tr Etikett:

Verwenden Sie schließlich die td Tag zum Erstellen Ihrer Tabellenzellen, wodurch auch die Spalten erstellt werden:

Es ist möglich, über Ihr Bordlayout hinauszugehen, aber es ist in der Regel am besten, die Dinge möglichst einfach zu halten. In der Vergangenheit wurden Tabellen zur Strukturierung einer Webseite verwendet. Diese Praxis ist jedoch veraltet und sieht schrecklich aus. Bewahren Sie Tabellen einfach auf, um Daten an den Leser weiterzuleiten.

CSS mit HTML verwenden

Diese Beispiele haben die Grundlagen behandelt, aber wenn Sie wirklich kreativ werden möchten, müssen Sie CSS verwenden. Mit Cascading Style Sheets können Sie das Design Ihrer Website viel besser steuern und eine Menge Code zwischen verschiedenen Teilen Ihrer Website wiederverwenden.

Während wir Tutorials zum Erlernen von CSS 5 Baby-Schritten zum Erlernen von CSS und zum Kick-Ass-CSS-Zauberer haben 5 Baby-Schritte zum CSS-Lernen und zum Kick-Ass-CSS-Zauberer CSS ist die wichtigste Änderung, die Webseiten im letzten Jahrzehnt gesehen haben. und es hat den Weg für die Trennung von Stil und Inhalt geebnet. Auf moderne Art definiert XHTML die semantische Struktur… Weitere CSS-Beispiele 10 Einfache CSS-Code-Beispiele, die Sie in 10 Minuten lernen können 10 Einfache CSS-Code-Beispiele, die Sie in 10 Minuten lernen können In diesem Abschnitt wird beschrieben, wie Sie ein Inline-Stylesheet erstellen So können Sie Ihre CSS-Fähigkeiten üben. Dann werden wir mit 10 grundlegenden CSS-Beispielen fortfahren. Von dort aus ist Ihre Fantasie die Grenze! Lesen Sie mehr, es gibt noch einige Einstellungen, die Sie in HTML vornehmen können.

Wenn Sie CSS neben HTML schreiben möchten, können Sie das verwenden Stil Attribut. Dieses Attribut wendet einfach das CSS auf das Tag an, für das es verwendet wird:

Obwohl dieser Weg gut funktioniert, wird es schwierig sein, ihn aufrechtzuerhalten, wenn Sie viele Markups haben, die ein ähnliches Styling erfordern.

Der bessere Weg ist die Verwendung der Stil Tag, platziert in der Kopf Etikett. Hier können Sie CSS für Ihre gesamte Seite definieren:

Das style-Tag hat ein Attribut von text / css. Dies ist erforderlich, damit Ihr Browser den genauen Stil des Tags erkennt.

Die dritte und letzte Möglichkeit, CSS zu verwenden, ist die Verwendung einer externen Datei Verknüpfung Etikett. Dadurch wird Ihr HTML-Code mit CSS verknüpft, das in einer eigenen Datei gespeichert ist. Dies ist besonders nützlich, wenn Sie eine große Menge davon haben:

Hier werden mehrere Attribute verwendet. Das rel Attribut deklariert Ihren Link als Stylesheet. Die Art von “text / css” ist noch einmal in der definiert Art Attribut und die href Attribut ist, wo die externe Datei zu finden ist.

Wie erstellen Sie eine Website mit HTML??

Wie Sie gesehen haben, ist HTML wirklich nicht so schlimm, oder? Mit einigen einfachen Tags und Attributen können Sie eine Webseite schnell zusammenstellen, selbst wenn Sie noch nie HTML geschrieben haben!

Wenn Sie eine vollständige Website erstellen möchten, lesen Sie unseren Anfängerleitfaden für das Erstellen einer Website. Wie erstelle ich eine Website: Für Anfänger? Wie erstelle ich eine Website? Für Anfänger heute werde ich Sie durchführen das Erstellen einer kompletten Website von Grund auf. Mach dir keine Sorgen, wenn das schwierig klingt. Ich werde Sie bei jedem Schritt des Weges durch das Haus führen. Weiterlesen .

Erfahren Sie mehr über: CSS, FAQ, HTML, Webentwicklung.