html cheat sheet quick guide html tags
In diesem umfassenden HTML-Spickzettel finden Sie Informationen zu verschiedenen häufig verwendeten HTML-Codierungs-Tags mit Codebeispielen:
Zu Beginn des Tutorials werden wir zunächst verstehen, was HTML-Sprache ist, und im Tutorial werden wir uns die verschiedenen HTML-Tags ansehen. Hier werden wir auch einige der in HTML5 verwendeten Tags verstehen.
Lassen Sie uns also loslegen und zunächst verstehen, was HTML ist.
Was du lernen wirst:
Was ist HTML?
HTML steht für Hyper Text Markup Language. Es ist eine Auszeichnungssprache, die 1991 von Tim Berners-Lee erfunden wurde. In einfachen Worten können wir sagen, dass dies eine Sprache ist, die beschreibt, wie der Inhalt einer Webseite angezeigt wird. Zu diesem Zweck werden Tags verwendet, in die der anzuzeigende Text eingebettet ist. Der Browser interpretiert diese Tags so, dass der Text auf dem Bildschirm angezeigt wird.
Öffnen von JAR-Dateien unter Windows 10
HTML wurde mehrfach überarbeitet, und die neueste verfügbare Version ist HTML5, das im Jahr 2014 veröffentlicht wurde.
Was ist ein HTML-Spickzettel?
HTML Cheat Sheet ist eine Kurzanleitung, in der die häufig verwendeten HTML-Tags und ihre Attribute aufgelistet sind. Die Tags sind zur besseren Lesbarkeit in der Regel nach Kategorien gruppiert.
HTML-Tags
Im Folgenden haben wir die Tags in verschiedene Kategorien eingeteilt und erfahren anhand von Beispielen, welche Tags in die einzelnen Kategorien fallen.
Grundlegende Tags
| Stichworte | Zweck | ||
|---|---|---|---|
.... | Vorformatierter Text (Abstand, Zeilenumbruch und Schriftart bleiben erhalten) | HELLO Sam | HELLO Sam |
| ... | Dies ist das übergeordnete Tag (Stammelement) für jedes HTML-Dokument. Der gesamte HTML-Codeblock ist in dieses Tag eingebettet | ||
| ... | Dieses Tag enthält allgemeine Informationen zum Dokument wie den Titel und Links zu Stylesheets (falls vorhanden). Diese Informationen werden nicht auf der Webseite angezeigt. | ||
| ... | Meine Webseite | ||
| ... | Meine erste Webseite |
Code-Auszug:
My Web Page My First Web Page Ausgabe:
Meine Webseite
(Wird in der Titelleiste des Browsers angezeigt.)
Meine erste Webseite
(Wird als Webseiteninhalt angezeigt)
Meta-Informations-Tags
| Stichworte | Zweck |
|---|---|
| | Hiermit wird die Basis-URL der Website angegeben. |
| | Es enthält Informationen wie Veröffentlichungsdatum, Name des Autors usw. |
| | Es enthält die Informationen zum Erscheinungsbild der Webseite. |
| Es wird verwendet, um externe Links anzuzeigen, hauptsächlich Stylesheets. Es ist ein leeres Tag und enthält nur Attribute. | |
| …. | Wird zum Hinzufügen von Codefragmenten verwendet, um eine Webseite dynamisch zu gestalten. |
Code-Auszug:
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area Ausgabe:
Rashmis Webseite
(Wird in der Titelleiste des Browsers angezeigt.)
Dies ist der Inhaltsbereich der Webseite von Rashmi
(Wird als Webseiteninhalt angezeigt)
Textformatierungs-Tags
| Etikett | Zweck | Code-Auszug | Ausgabe |
|---|---|---|---|
| .... | Macht den Text fett | Hallo | Hallo |
| .... | Macht den Text kursiv | Hallo | Hallo |
| .... | Unterstreicht den Text | Hallo | Hallo |
| .... | Streichen Sie den Text aus | Hallo | Hallo |
| .... | Macht den Text fett (Gleich wie .. Etikett) | Hallo | Hallo |
| .... | Macht den Text kursiv (Gleich wie .. Stichworte) | Hallo | Hallo |
| .... | Heading Tag - # kann zwischen 1 und 6 liegen | Auf der anderen Seite ist das Start- oder End-Tag das, was wir als HTML-Tag bezeichnen. Beispiel: oder F # 7) Was sind die 2 Arten von Tags in HTML? Antworten: Es gibt zwei Arten von Tags in HTML-gepaarten und ungepaarten oder Singular-Tags. Gepaarte Tags - Wie der Name schon sagt, handelt es sich um Tags mit 2 Tags. Einer wird als Eröffnungs-Tag und der andere als Abschluss-Tag bezeichnet. Zum Beispiel: , usw. Ungepaarte Tags - Diese Tags sind einzelne Tags und haben nur das öffnende und kein schließendes Tag. Beispielsweise: F # 8) Was ist der Unterschied zwischen einem Container-Tag und einem leeren Tag? Antworten: Container-Tags sind solche Tags, die ein öffnendes Tag gefolgt von Inhalt und ein schließendes Tag haben. Beispielsweise: , Leere Tags sind die Tags, die keinen Inhalt und / oder kein schließendes Tag haben. Beispielsweise: F # 9) Was ist das größte Überschriften-Tag? Antworten: ist das größte Überschriften-Tag im HTML-Tag.F # 10) Was ist das Auswahl-Tag in HTML? Antworten: Atag wird zum Erstellen einer Dropdown-Liste verwendet. Es wird am häufigsten in Formularen verwendet, in denen Benutzereingaben gesammelt werden sollen. Unten finden Sie ein Code-Snippet zusammen mit der Ausgabe des Tags. Außerdem werden die allgemeinen Attribute dieses Tags angezeigt. Code-Auszug: Ausgabe: FazitIch hoffe, dieser Artikel hat Ihnen ein Verständnis dafür vermittelt, was genau ein HTML-Spickzettel ist. Ziel war es, unseren Lesern eine Kurzanleitung für verschiedene häufig verwendete HTML-Tags zur Verfügung zu stellen. Wir haben auch Basis-Tags, Meta-Informations-Tags, Textformatierungs-Tags, Formulare, Rahmen, Listen, Bilder, Links, Tabellen und Eingabe-Tags gesehen. Einige Tags, die im Allgemeinen zusammen mit dem FORM-Tag verwendet werden, wie z. B. Select und Button, werden ebenfalls in diesem Artikel behandelt. Wir haben auch etwas über die mit HTML5 eingeführten Tags gelernt. Für jedes der Tags haben wir die am häufigsten verwendeten Attribute zusammen mit den Tags kennengelernt und auch den zugehörigen Code und die Ausgabe gesehen. Literatur-Empfehlungen
^
|
