logo

HTML-Tags

HTML-Tags sind wie Schlüsselwörter, die definieren, wie der Webbrowser den Inhalt formatiert und anzeigt. Mithilfe von Tags kann ein Webbrowser zwischen einem HTML-Inhalt und einem einfachen Inhalt unterscheiden. HTML-Tags bestehen aus drei Hauptteilen: öffnendem Tag, Inhalt und schließendem Tag. Einige HTML-Tags sind jedoch nicht geschlossene Tags.

Wenn ein Webbrowser ein HTML-Dokument liest, liest der Browser es von oben nach unten und von links nach rechts. HTML-Tags werden zum Erstellen von HTML-Dokumenten und zum Rendern ihrer Eigenschaften verwendet. Jedes HTML-Tag hat unterschiedliche Eigenschaften.

Eine HTML-Datei muss über einige wesentliche Tags verfügen, damit der Webbrowser zwischen einfachem Text und HTML-Text unterscheiden kann. Sie können entsprechend Ihren Codeanforderungen so viele Tags verwenden, wie Sie möchten.

  • Alle HTML-Tags müssen in diese Klammern eingeschlossen werden.
  • Jedes Tag in HTML führt unterschiedliche Aufgaben aus.
  • Wenn Sie ein offenes Tag verwendet haben, müssen Sie ein schließendes Tag verwenden (mit Ausnahme einiger Tags).

Syntax

Inhalt


Beispiele für HTML-Tags

Hinweis: HTML-Tags werden immer in Kleinbuchstaben geschrieben. Die grundlegenden HTML-Tags sind unten aufgeführt:

Absatz-Tag

Überschriften-Tag

Fettgedrucktes Tag

Kursivschrift

Tag unterstreichen

Testen Sie es jetzt

Nicht geschlossene HTML-Tags

Einige HTML-Tags sind nicht geschlossen, zum Beispiel br und hr.


Etikett
: br steht für break line, es unterbricht die Zeile des Codes.


Etikett: hr steht für Horizontal Rule. Dieses Tag wird verwendet, um eine Linie über die Webseite zu setzen.


HTML-Meta-Tags

DOCTYPE, Titel, Link, Meta und Stil


HTML-Text-Tags

,

Überschrift Ebene 2

Überschriftenebene 3

Überschriftenebene 4

Überschrift Ebene 5
Überschrift Ebene 6

Vier fünf.
:

Mit Hilfe dieses Tags können wir die Webseite unterteilen. Es steht für horizontale Regel oder Themenbruch.

chmod 755

Syntax:

<hr>

46. ​​​​:

Mit Hilfe dieses Tags werden alle anderen Elemente darin enthalten. Es wird auch als Stammverzeichnis des HTML-Elements bezeichnet.

Syntax:

 

47. :

Mit Hilfe dieses Tags können wir jeden Inhalt kursiv formatieren. Es hebt einen wichtigen Begriff, eine Phrase oder einen Fachbegriff hervor.

Syntax:

 <i>Italicized Text</i> 

48.

Mit Hilfe dieses Tags können wir eine weitere HTML-Seite in die aktuelle Webseite einbetten.

Syntax:

 <iframe src="url"></iframe>

49. :

Mit Hilfe dieses Tags können wir ein Bild in die aktuelle Webseite einbetten. Es verknüpft ein Bild mit dem Bild, ohne es direkt in die Webseite einzufügen.

Syntax:

fünfzig.

Mit Hilfe dieses Tags können wir eine interaktive Steuerung im Formular ermöglichen. Es hängt auch von den verschiedenen Feldern des Attributtyps ab.

Syntax:

51. :

Mit Hilfe dieses Tags können wir den Block des eingefügten Textes angeben. Es bedeutet auch, dass dem Dokument ein bestimmter Textbereich hinzugefügt wurde.

Syntax:

3D in Autocad
Inserted Text

52. :

Mithilfe dieses Tags können wir auf den Textteil des Inline-Textes verweisen, der die Tastatur, die Stimme oder ein anderes Texteingabegerät des Benutzers darstellt.

Syntax:

Keyboard Input

53. :

Mit Hilfe dieses Tags können wir die Benutzerfreundlichkeit für Mausbenutzer verbessern, d. h. durch Klicken auf die Beschriftung wird die Steuerung umgeschaltet.

Syntax:

Label Text

54. :

Mit Hilfe dieses Tags können wir den Titel für den Inhalt des Kindes definieren. Legenden sind das übergeordnete Element aller untergeordneten Elemente. Wir können diese Elemente mit Hilfe von definieren.

Syntax:

 Fieldset Caption 

55.
  • :
  • Mit Hilfe dieses Tags können wir die Liste der Elemente auf der Webseite darstellen. Es enthält eine geordnete Liste (eine ungeordnete Liste oder ein Menü) als übergeordnetes Element.

    Syntax:

    <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

    56. :

    Mit Hilfe dieses Tags können wir externe Ressourcen mit der aktuellen Webseite verlinken.

    Syntax:

    57. :

    Mithilfe dieses Tags können wir ein gewöhnliches Element zum wichtigsten Element machen. Wir müssen dieses Tag in das Tag schreiben.

    Syntax:

     

    58. :

    Mit Hilfe dieses Tags können wir das Kartenbild definieren. Die Imagemap verfügt außerdem über einen anklickbaren Bereich.

    Syntax:

     

    59. :

    Mit Hilfe dieses Tags können wir den Text als hervorgehoben darstellen, der zu Referenz- oder Notationszwecken verwendet wird. Basierend auf der Bedeutung des Inhalts wurde der Text hervorgehoben.

    Syntax:

    Highlighted Text

    60. :

    Mit Hilfe dieses Tags können wir die Metadaten des Dokuments darstellen. Die Metadaten enthalten Seitenbeschreibung, Schlüsselwörter, Urheberrecht, die verwendete Sprache und den Autor.

    Syntax:

    61. :

    Mit Hilfe dieses Tags können wir die Messungen innerhalb eines bestimmten Bereichs oder Bruchwerte darstellen. Es wird auch als Messgerät bezeichnet.

    Syntax:

    Fallback Content

    62. :

    Mit Hilfe dieses Tags können wir den Abschnitt der Navigationslinks in einem Dokument darstellen. Einige Beispiele für Navigations-Tags sind Menüs, Inhaltsverzeichnisse, Indizes usw.

    Syntax:

     

    63. :

    Mithilfe dieser Funktion können wir ein alternatives Skript bereitstellen, wenn der Browser des Benutzers das jeweilige Skript nicht unterstützt. Es funktioniert auch immer dann, wenn der Browser des Benutzers keine clientseitige Skripterstellung oder keine Skriptsprache unterstützt.

    Syntax:

     

    64. :

    Mithilfe dieses Tags können wir Multimedia-Inhalte wie Audio, Videos, Bilder, PDFs und Flash auf Webseiten anzeigen.

    Syntax:

    65.
      :

    Dieses Tag wird für die Erstellung der geordneten Liste verwendet. Die geordnete Liste kann numerisch oder alphabetisch sein. Im Inneren

      Tag können wir die Liste mit dem erstellen
    1. Etikett. Es folgt dann der Reihenfolge.

    Syntax:

    <ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

    66. :

    Dieses Tag wird bei der Erstellung der Dropdown-Liste verwendet. Mit Hilfe dieses Tags können wir die Gruppe der Optionen definieren.

    Syntax:

     Option 1 Option 2 

    67. :

    Mit Hilfe dieses Tags können wir die Option in der Dropdown-Liste definieren, indem wir das Tag verwenden.

    Syntax:

     Option Text 

    68. :

    Mit Hilfe dieses Tags können wir den Container für das Element erstellen, das das Ergebnis der Berechnung einfügt.

    Syntax:

    scan.next Java

    69. :

    Mit Hilfe dieses Tags können wir das Absatz-Tag definieren. Mit Hilfe eines Absatz-Tags können wir die visuellen Medien als Textblöcke darstellen, die durch Leerzeilen oder Einrückungen in der ersten Zeile von benachbarten Blöcken getrennt sind.

    Syntax:

    Paragraph text goes here.

    70. :

    Mit Hilfe dieses Tags können wir den Parameter für ein Objekt definieren. Damit können wir den Parameter für ein anderes eingebettetes Objekt übergeben.

    Syntax:

     

    71. :

    Mit Hilfe dieses Tags können wir der Webseite Flexibilität verleihen, indem wir das Bild angeben. Es enthält auch Tags wie und .

    Syntax:

      

    72.
    :

    Mit Hilfe dieses Tags können wir den Block vorformatierten Texts auf der Webseite als vorformatiertes Zeichen wie Leerzeichen, Zeilenumbrüche, Tabulatoren usw. deklarieren.

    Syntax:

    Der vorformatierte Text kommt hierher.

    73. :

    Mit Hilfe dieses Tags können wir den Fortschritt der Aufgabe anzeigen. Mithilfe dessen kann der Entwickler einen Fortschrittsbalken auf seiner Webseite erstellen.

    Syntax:

    74. :

    Mit Hilfe dieses Tags können wir ein Inline-Angebot auf der Webseite erstellen. Der Text steht heutzutage in den meisten Browsern in Anführungszeichen.

    Syntax:

    etwas schnelles sortieren
    Here is a short quotation within a sentence.

    75. :

    Mit Hilfe dieses Tags können wir es in der Fallback-Klammer verwenden, wenn ein Browser keine Ruby-Annotationen unterstützt.

    Syntax:

     Base text (Ruby text) 

    76. :

    Mit Hilfe dieses Tags können wir die Aussprache des Zeichens innerhalb der Ruby-Annotation definieren.

    Syntax:

     Base text Ruby text 

    77. :

    Damit können wir die Aussprache der ostasiatischen Schriftzeichen definieren und kleine Anmerkungen über, unter oder neben dem Basistext darstellen.

    Syntax:

     Base text Ruby text 

    78. :

    Mit Hilfe dieses Tags können wir den Text durchgestrichen oder durchgestrichen darstellen. Wir können dieses Tag verwenden, wenn die Dinge nicht mehr korrekt oder relevant sind.

    Syntax:

    Struck-through text

    79. :

    Mit Hilfe dieses Tags können wir die Beispielausgabe des Computerprogramms definieren. Der Inhalt dieses Tags wird im Browser in einer Monospace-Schriftart angezeigt.

    Syntax:

    Sample text or code goes here

    80. :

    Mit Hilfe dieses Tags können wir das clientseitige Scripting einfügen. Es ermöglicht auch das Einfügen des Skripts in die HTML-Webseite.

    Syntax:

    81. :

    Mit Hilfe dieses Tags können wir die Kopf- und Fußzeile oder jeden anderen Abschnitt auf der Webseite erstellen.

    Syntax:

     

    82. :

    Mit Hilfe dieses Tags können wir die Liste der Optionen innerhalb der Liste definieren.

    Syntax:

     Option Text 

    83. :

    Mit Hilfe dieses Tags können wir die Schriftgröße um eine Größe kleiner als ihre Grundgröße reduzieren, beispielsweise von groß auf klein.

    Syntax:

    mit Vollform
    Small text goes here

    84.

    Mithilfe dieses Tags können wir mehrere Medienressourcen wie und verknüpfen.

    Syntax:

    85.

    Mit Hilfe dieses Tags können wir den Inhalt als sehr wichtig definieren. Der Browser zeigt dieses Element fett an.

    Syntax:

     <strong>Emphasized text</strong> 

    86.:

    Es ist das allgemeinste Element im HTML. Wir können den Stil anwenden, indem wir die Elemente gruppieren.

    Syntax:

    <span>Text or content goes here</span>

    87. :

    Mithilfe dieses Tags können wir die Stilinformationen für das Dokument bereitstellen.

    Syntax:

     CSS rules go here 

    88.:

    Mit Hilfe dieses Tags können wir das Subscript-Element nur aus typografischen Gründen anzeigen.

    Syntax:

    <sub>Subscript text</sub>

    89. :

    Mit Hilfe dieses Tags können wir mithilfe eines Elements eine Box erstellen, die die Zusammenfassung, Beschriftung oder Legende enthält. Wenn wir auf die Zusammenfassungsschaltfläche klicken, wird der geöffnete/geschlossene Status des übergeordneten *details>-Elements ausgeführt.

    Syntax:

     Summary text 

    90.:

    Mit Hilfe dieses Tags können wir jeden Text als hochgestellten Text des Inline-Elements anzeigen.

    Syntax:

    <sup>Superscript text</sup>

    91. :

    Mit Hilfe dieses Tags können wir die SVG-Grafiken in die Webseite einbetten. Außerdem können wir mit Hilfe dieses Tags die Vektorgrafiken in einem XML-Format definieren.

    Syntax:

     

    92.:

    Mit Hilfe dieses Tags können wir die Daten in einem Tabellenformat in HTML definieren. Es wird eine zweidimensionale Tabelle erstellt, die einige Zeilen und Spalten enthält.

    Syntax:

    <table class="table"> </table>

    93.:

    Mit Hilfe dieses Tags können wir die mit dem Tabellenkörper verknüpften Tabellenzeilen kapseln.

    Syntax:

    <table class="table"> <tbody> </tbody> </table>

    94.:

    Mit Hilfe dieses Tags können wir die Zelle der Tabelle definieren. Eine Tabellenzeile kann aus mehreren bestehenElement. In diesem Element wird die Standardausrichtung beibehalten.

    Syntax:

    <tr> <td>Table cell content</td> </tr>