Beispiel:<\/strong><\/p>\n\n\n\n\nTypes of Tags Demo<\/title>\n<\/head>\n
\n This is a paragraph <\/p>\n This is a bold and italicized text <\/b><\/i>\n<\/body>\n<\/html><\/pre>\n
Ausgabe:<\/strong><\/p>\n
<\/p>\n
Kontroll-Tags<\/h5>\n
Eine weitere Kategorie von Tags, die erstellt werden k?nnen, ist ?Kontroll-Tags“. Die Skript-Tags, Optionsfelder oder Kontrollk?stchen, die Formular-Tags usw. bilden die Steuer-Tags. Dies sind die Tags, die zur Verwaltung von Inhalten oder zur Verwaltung externer Skripte oder Bibliotheken verwendet werden. Alle Formular-Tags, Dropdown-Listen, Eingabetextfelder usw. werden bei der Interaktion mit dem Besucher oder Benutzer verwendet.<\/p>\n
Die obige Unterscheidung der HTML-Tags basiert auf der Art der Tags und ihrem Nutzen. Die HTML-Tags k?nnen auch einfach anhand grundlegender Kategorien wie grundlegende HTML-Root-Tags, Formatierungs-Tags, Audio- und Video-Tags, Formular- und Eingabe-Tags, Frame-Tags, Link-Tags, Listen-Tags, Tabellen-Tags, Stil-Tags, Meta-Tags usw. unterteilt werden .<\/p>"}
Arten von Tags in HTML
Sep 04, 2024 pm 04:19 PM
html
html5
HTML Tutorial
HTML Properties
HTML tags
Tags k?nnen als Anweisungen definiert werden, die direkt in den Text eines HTML-Dokuments eingebettet werden. Die im HTML-Dokument verwendeten Tag-Typen sind dafür verantwortlich, einen Webbrowser anzuweisen, etwas zu tun (der Anweisung zu folgen), anstatt nur Text anzuzeigen. In einem HTML-Dokument unterscheiden sich alle Tag-Namen von anderem einfachen Text. Die Tag-Namen werden in spitze Klammern oder ein ?Kleiner-als“- und ein ?Gr??er-als“-Symbol (<) und (>) eingeschlossen.
Ein HTML-Dokument wird mit verschiedenen Arten von Tags erstellt. HTML-Tags k?nnen auf unterschiedlicher Grundlage definiert und unterteilt werden. Sehen wir sie uns in den kommenden Teilen dieses Artikels an. Wir haben HTML-Tags basierend auf den folgenden Klassifizierungen unterteilt:
1. Gepaarte und ungepaarte Tags
Im Folgenden werden die gepaarten und ungepaarten Tags in HTML anhand von Beispielen ausführlich erkl?rt.
Ein HTML-Tag wird als gepaartes Tag bezeichnet, wenn das Tag aus einem ?ffnenden Tag und einem schlie?enden Tag als Begleit-Tag besteht. Ein HTML-Paired-Tag beginnt mit einem ?ffnenden Tag: dem Tag-Namen in spitzen Klammern; Beispielsweise wird ein Absatzanfangs-Tag als ?
“ geschrieben. Der Inhalt folgt dem Er?ffnungs-Tag, das mit einem End-Tag endet: der Tag-Name, der mit einem Schr?gstrich beginnt; Beispielsweise wird ein abschlie?endes Absatz-Tag als ?
“ geschrieben. Das erste Tag kann als ?Er?ffnungs-Tag“ bezeichnet werden, und das zweite Tag kann als Schluss-Tag bezeichnet werden.
Beispiel #1:
<p> This text is a paragraph . </p>
Ausgabe:

HINWEIS: Hier ist das ?ffnende Tag und das schlie?ende Tag
.
Beispiel #2:
Ein weiteres Beispiel für ein gepaartes Tag sind kursive und/oder fette Tags:
<i> <b> This is a bold and italicized text </b> </i>
Ausgabe:

Hinweis: Diese gepaarten Tags werden auch Container-Tags genannt.
Ein HTML-Tag wird als ungepaartes Tag bezeichnet, wenn das Tag nur ein ?ffnendes Tag und kein schlie?endes Tag oder Begleit-Tag hat. Für das ungepaarte HTML-Tag ist kein schlie?endes Tag erforderlich. Bei diesem Typ ist ein ?ffnendes Tag ausreichend. Ungepaarte Tags werden manchmal auch als Standalone-Tags oder Singular-Tags bezeichnet, da sie kein Companion-Tag erfordern.
Beispiel:
This is a paragraph
<i> <b> This is a bold and italicized text </b> </i>
Ausgabe:
Hinweis: Hier ist die
ist das ungepaarte Tag, das zum Erstellen einer horizontalen Linie verwendet wird. In ?lteren Versionen wird das hr-Tag m?glicherweise als
angezeigt. statt
. Diese Tags werden auch leere Tags genannt.
2. Selbstschlie?ende Tags
Selbstschlie?ende Tags sind solche HTML-Tags, die kein Partner-Tag haben, wobei das erste Tag das einzige notwendige Tag ist, das für die Formatierung gültig ist. Die wichtigsten und wichtigsten Informationen sind INNERHALB des Elements als Attribut enthalten. Ein Bild-Tag ist ein klassisches Beispiel für ein selbstschlie?endes Tag. Sehen wir es uns unten in Aktion an:
Beispiel:
<img src="a.jpg" alt="This is an alternate text">
Hinweis:?In den ?lteren Versionen verwenden die selbstschlie?enden Tags einen ?Schr?gstrich“ vor dem End- oder Schlusszeichen/Symbol ?gr??er als“, wie unten beschrieben:

3. Dienstprogrammbasierte Tags
Die HTML-Tags k?nnen anhand ihres Nutzens, also anhand des Zwecks, dem sie dienen, stark unterschieden werden. Wir k?nnen sie grunds?tzlich in drei Kategorien einteilen, wie unten erl?utert:
Die HTML-Tags, die uns bei der Formatierung der Texte helfen, wie z. B. die Gr??e des Textes, Schriftarten, Fettschrift usw. Dies geschieht mithilfe von Tags wie , , < u> usw. Tabellen, Divisionen und Span-Tags sind ebenfalls Tags, die beim Formatieren einer Webseite oder eines Dokuments helfen und das Layout der Seite festlegen. Unten finden Sie ein kleines Programm, das Unterteilungen zum Formatieren der Seite zusammen mit einigen anderen Formatierungs-Tags verwendet.
Beispiel:
<body>
<div class="container">
<div class="row">
<div class="col-25">
<label for="email"><b>Name</b></label>
</div>
<div class="col-35">
<input type="text" placeholder="First" name="fname" required>
</div>
<div class="col-35">
<input type="text" placeholder="Last" name="lname" required>
</div>
</div>
</div>
</body>
Ausgabe:

Die HTML-Tags, die bei der Strukturierung des HTML-Dokuments helfen, werden Struktur-Tags genannt. Beschreibung, Kopf, HTML, Titel, Text usw. bilden die Gruppe der Seitenstruktur-Tags. Die Struktur-Tags helfen nur beim Erstellen oder Bilden der grundlegenden HTML-Seite vom Stammverzeichnis aus; Das hei?t, sie haben keinen Einfluss auf die Formatierung von Texten und sind auch nicht daran beteiligt. Ein einfaches HTML-Programm ist also die grundlegende Gruppe von Struktur-Tags:
Beispiel:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Types of Tags Demo</title>
</head>
<body>
<p> This is a paragraph </p>
<i><b> This is a bold and italicized text </b></i>
</body>
</html>
Ausgabe:

Eine weitere Kategorie von Tags, die erstellt werden k?nnen, ist ?Kontroll-Tags“. Die Skript-Tags, Optionsfelder oder Kontrollk?stchen, die Formular-Tags usw. bilden die Steuer-Tags. Dies sind die Tags, die zur Verwaltung von Inhalten oder zur Verwaltung externer Skripte oder Bibliotheken verwendet werden. Alle Formular-Tags, Dropdown-Listen, Eingabetextfelder usw. werden bei der Interaktion mit dem Besucher oder Benutzer verwendet.
Die obige Unterscheidung der HTML-Tags basiert auf der Art der Tags und ihrem Nutzen. Die HTML-Tags k?nnen auch einfach anhand grundlegender Kategorien wie grundlegende HTML-Root-Tags, Formatierungs-Tags, Audio- und Video-Tags, Formular- und Eingabe-Tags, Frame-Tags, Link-Tags, Listen-Tags, Tabellen-Tags, Stil-Tags, Meta-Tags usw. unterteilt werden .
Das obige ist der detaillierte Inhalt vonArten von Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Was sind die wesentlichen HTML -Elemente für die Strukturierung einer Webseite?
Jul 03, 2025 am 02:34 AM
Die Webseitenstruktur muss durch Kern -HTML -Elemente unterstützt werden. 1. Die Gesamtstruktur der Seite besteht aus dem Stammelement, das Meta -Informationen speichert und den Inhalt anzeigt. 2. Die Inhaltsorganisation stützt sich auf Titel (-), Absatz () und Block-Tags (wie), um die Organisationsstruktur und die SEO zu verbessern; 3. Die Navigation wird durch und implementiert, h?ufig verwendete Organisationen werden mit dem Aria-Strom-Attribut verknüpft und erg?nzt, um die Zug?nglichkeit zu verbessern. 4. Formularinteraktion beinhaltet und, um die vollst?ndigen Eingabebereich- und Einreichungsfunktionen zu gew?hrleisten. Die ordnungsgem??e Verwendung dieser Elemente kann die Klarheit, Wartung und Suchmaschinenoptimierung der Seiten verbessern.
Umgang mit Wiederverbindungen und Fehlern mit HTML5-Server-Sent-Ereignissen.
Jul 03, 2025 am 02:28 AM
Bei Verwendung von HTML5SSE sind die Methoden zur Umsetzung mit Wiederverbindung und Fehlern: 1. Verst?ndnis des Standard -Wiederverbindungsmechanismus. EventSource erneut 3 Sekunden nach der Unterbrechung der Verbindung standardm??ig unterbrochen. Sie k?nnen das Intervall über das Wiederholungsfeld anpassen. 2. H?ren Sie sich das Fehlerereignis an, um mit Verbindungsfehler oder Parsenfehlern umzugehen, Fehlertypen zu unterscheiden und die entsprechende Logik auszuführen, z. B. Netzwerkprobleme, die sich auf automatische Wiederverbindung stützen, Serverfehler die Wiederverbindung und Authentifizierungsfehler aktualisieren. 3. Steuern Sie aktiv die Wiederverbindungslogik, wie z. B. manuelles Schlie?en und Wiederaufbau der Verbindung, die maximale Anzahl von Wiederholungszeiten und kombinieren Navigator. Diese Ma?nahmen k?nnen die Anwendungsstabilit?t und die Benutzererfahrung verbessern.
Deklarieren Sie den richtigen HTML5 -DocType für moderne Seiten.
Jul 03, 2025 am 02:35 AM
DocType ist eine Anweisung, die dem Browser mitteilt, mit dem HTML -Standard die Seite analysiert werden soll. Moderne Webseiten müssen nur zu Beginn der HTML -Datei geschrieben werden. Seine Funktion besteht darin, sicherzustellen, dass der Browser die Seite eher im Standardmodus als im seltsamen Modus rendert und sich in der ersten Zeile befinden muss, ohne Leerzeichen oder Kommentare davor. Es gibt nur einen richtigen Weg, um es zu schreiben, und es wird nicht empfohlen, alte Versionen oder andere Varianten zu verwenden. Andere wie Charset, Ansichtsfenster usw. sollten teilweise platziert werden.
Wie Gruppenoptionen innerhalb einer Dropdown -Abteilung mit HTML Gruppieren?
Jul 04, 2025 am 03:16 AM
Verwenden Sie Tags in HTML, um Optionen im Dropdown-Menü zu Gruppoptionen zu erhalten. Die spezifische Methode besteht darin, eine Gruppe von Elementen zu wickeln und den Gruppennamen über das Label -Attribut zu definieren, wie z. B.: 1. Enth?lt Optionen wie ?pfel, Bananen, Orangen usw.; 2. Enth?lt Optionen wie Karotten, Brokkoli usw.; 3. jeweils ist eine unabh?ngige Gruppe, und die Optionen innerhalb der Gruppe werden automatisch eingerichtet. Zu den Notizen geh?ren: ① Es wird keine Verschachtung unterstützt; ② Die gesamte Gruppe kann über das behinderte Attribut deaktiviert werden. ③ Der Stil ist eingeschr?nkt und muss in Kombination mit CSS- oder Drittanbieterbibliotheken versch?nert werden. Plug-Ins wie Select2 k?nnen zur Verbesserung der Funktionen verwendet werden.
Implementieren klickbarer Schaltfl?chen mithilfe des HTML -Schaltfl?chenelements
Jul 07, 2025 am 02:31 AM
Um HTML -Schaltfl?chenelemente zu verwenden, um anklickbare Schaltfl?chen zu erreichen, müssen Sie zun?chst die grundlegende Verwendung und gemeinsame Vorsichtsma?nahmen beherrschen. 1. Erstellen Sie Schaltfl?chen mit Tags und definieren Sie Verhaltensweisen durch Typattribute (z. B. Schaltfl?che, Senden, Zurücksetzen), die standardm??ig übermittelt werden. 2. Fügen Sie interaktive Funktionen über JavaScript hinzu, die über ID geschrieben werden k?nnen, um Ereignish?rer zu verbinden, um die Wartung zu verbessern. 3.. Verwenden Sie CSS, um Stile anzupassen, einschlie?lich Hintergrundfarbe, Grenze, abgerundete Ecken und Schwebe-/aktive Statusffekte, um die Benutzererfahrung zu verbessern. 4. Achten Sie auf h?ufige Probleme: Stellen Sie sicher, dass das behinderte Attribut nicht aktiviert ist. Meistere das
Integration von CSS und JavaScript effektiv in die HTML5 -Struktur.
Jul 12, 2025 am 03:01 AM
HTML5, CSS und JavaScript sollten effizient mit semantischen Tags, angemessenen Ladereihenfolge und Entkopplungsdesign kombiniert werden. 1. Verwenden Sie HTML5-Semantik-Tags, wie z. B. die Verbesserung der strukturellen Klarheit und Wartbarkeit, was dem SEO und barrierefreien Zugang f?rderlich ist. 2. CSS sollte eingerichtet werden, externe Dateien verwenden und nach dem Modul aufgeteilt werden, um Inline -Stile und verz?gerte Ladeprobleme zu vermeiden. 3. JavaScript wird empfohlen, voran vorzugehen, und verwenden Sie Defer oder Async, um asynchron zu laden, um das Blockieren des Renders zu vermeiden. 4. Reduzieren Sie die starke Abh?ngigkeit zwischen den drei, führen Sie das Verhalten durch Datenattribute und den Status der Klassennamen und verbessern Sie die Zusammenarbeit Effizienz durch einheitliche Benennungsspezifikationen. Diese Methoden k?nnen die Seitenleistung effektiv optimieren und mit Teams zusammenarbeiten.
Senden von Formulardaten mit neuen HTML5 -Methoden (FormData)
Jul 08, 2025 am 02:28 AM
Es ist bequemer, Formulardaten mithilfe der FormData -API von HTML5 einzureichen. 1. Es kann automatisch Formularfelder mit Namensattribut erfassen oder manuell Daten hinzufügen. 2. Es unterstützt die Einreichung im Multipart/Form-Daten-Format über Fetch oder XMLHTTPrequest, das für das Datei-Upload geeignet ist. 3. Wenn Sie Dateien bearbeiten, müssen Sie die Datei nur an Formdata anh?ngen und eine Anfrage senden. V.
See all articles