Liste der HTML-Tags und Hinweise zur Verwendung

Liste der HTML-Tags und Hinweise zur Verwendung

Liste der HTML-Tags

markieren Typ Name oder Bedeutung Wirkung Bemerkung
Datei-Tagging
<HTML> ● Dokumenterklärung Teilen Sie dem Browser mit, dass es sich um eine HTML-Datei handelt
<KOPF> ● Anfang Geben Sie allgemeine Informationen zur Datei an
<TITEL> ● Titel Definiert den Dateititel, der oben im Browser angezeigt wird
<KÖRPER> ● Hauptteil Designdateiformat und -inhalt
Typografische Zeichen
<!--Hinweis--> ○ Beschreibungs-Tag Fügen Sie der Datei eine Beschreibung hinzu, zeigen Sie sie jedoch nicht an.
<P> ○ Absatzmarke Lassen Sie zwischen Wörtern, Abbildungen, Tabellen usw. eine Leerzeile.
<BR> ○ Zeilenumbruchmarkierung Wörter, Abbildungen und Tabellen in der nächsten Zeile erscheinen lassen
<HR> ○ Horizontale Linie Einfügen einer horizontalen Linie
<MITTE> ● Center Wörter, Bilder, Tabellen usw. in der Mitte erscheinen lassen dagegen sein
<PRE> ● Voreingestelltes Format Stellen Sie sicher, dass die Datei in der ursprünglichen Codeanordnung angezeigt wird.
<DIV> ● Positionierungsmarke Legen Sie die Platzierung von Wörtern, Bildern, Tabellen usw. fest.
<NOBR> ● Kein Zeilenumbruch Verhindern Sie, dass Text umbricht, wenn er zu lang ist
<WBR> ● Vorgeschlagener Zeilenumbruch Standardmäßige Zeilenumbruchposition
Schriftart-Tags
<STARK> ● Betonen Sie den Ton Erzeugt einen fetten Schrifteffekt
<B> ● Fettgedrucktes Erstellen Sie einen fetten Schrifteffekt
<EM> ● Hervorhebungszeichen Die Schrift erscheint kursiv
<Ich> ● Kursivschrift Die Schrift erscheint kursiv
<TT> ● Monospace-Schriftart Schriftart Courier, Buchstaben gleicher Breite
<U> ● Unterstreichen Unterstreichen dagegen sein
<H1> ● Überschriften-Tag der ersten Ebene Machen Sie die Schrift größer, je höher die Ebene, desto kleiner ist sie
<H2> ● Titel-Tag der zweiten Ebene Vergrößern Sie die Schrift
<H3> ● Überschriften-Tag der Ebene 3 Vergrößern Sie die Schrift
<H4> ● Überschriften-Tag der Ebene 4 Vergrößern Sie die Schrift
<H5> ● Überschriften-Tags der Ebene 5 Vergrößern Sie die Schrift
<H6> ● Überschriften-Tags mit sechs Ebenen Vergrößern Sie die Schrift
<SCHRIFTART> ● Schriftart-Tags Schriftart, Größe und Farbe festlegen dagegen sein
<BASISSCHRIFTART> ○ Basisschriftartmarkierung Legen Sie alle Schriftarten, Größen und Farben fest dagegen sein
<GROSS> ● Schriftgröße erhöhen Die Schrift etwas größer machen
<KLEIN> ● Schriftgröße verkleinern Die Schrift etwas kleiner machen
<STRIKE> ● Durchgestrichen Durchgestrichener Text dagegen sein
<CODE> ● Code Die Schriftart ist etwas breiter, beispielsweise <TT>
<KBD> ● Tastaturwort Etwas breitere Schrift, einfacher Zeilenabstand
<SAMP> ● Beispiel Der Buchstabe w ist etwas anders, beispielsweise <TT>
<VAR> ● Variable Kursiveffekt
<ZITIEREN> ● Kursivschrift Kursiveffekt
<BLOCKQUOTE> ● Einzug rechts Text nach rechts einrücken
<DFN> ● Prädikatdefinition Kursiveffekt
<ADRESSE> ● Adressmarkierung Kursiveffekt
<SUB> ● Index Text tiefgestellt
<SUP> ● Hochgestellt Hochgestellter Text
Checklisten-Markup
<OL> ● Sequentielle Liste Die Listenelemente werden in numerischer und alphabetischer Reihenfolge sortiert.
<UL> ● Ungeordnete Liste Listenelemente werden mit ausgefüllten Punkten als Symbolen angeordnet
<LI> ○ Checklistenpunkte Elemente in der Liste, ein Tag pro Zeile
<MENÜ> ● Liste der Optionen Über den Typparameter kann der Aufzählungspunkt angegeben werden. dagegen sein
<DIR> ● Verzeichnisliste Dasselbe wie <menu> dagegen sein
<DL> ● Definitionsliste Die Liste erscheint in zwei Ebenen
<DT> ○ Definitionselement Titel des Listenelements
<DD> ○ Inhalt definieren Inhalt des Listenelements
Tabellenmarkierung
<PLATZ FÜR EINE TABELLE> ● Tabellenmarkierung Legen Sie die Parameter der Tabelle fest
<BESCHRIFTUNG> ● Tabellentitel Erstellen Sie eine Zeile, um den Tabellentitel auszufüllen
<TR> ● Tabellenspalten Festlegen der Spalten der Tabelle
<TD> ● Tabellenspalte Festlegen der Spalten der Tabelle
<TH> ● Tabellenüberschrift Entspricht <TD>, aber der Text darin wird fett dargestellt
Formular-Tags
<FORM> ● Formular-Tags Bestimmt den Modus, in dem dieses Formular ausgeführt wird.
<TEXTAREA> ● Textfeld Geben Sie ein Texteingabefeld an
<EINGABE> ○ Eingabe-Tags Bestimmen Sie das Eingabeformat
<AUSWÄHLEN> ● Markierung auswählen Erstellen einer Popup-Scrolling-Liste
<OPTION> ○ Optionen Jede Checklistenoption
Grafische Markierung
<IMG> ○ Grafische Markierung Dient zum Einfügen von Grafiken und Festlegen von Grafikeigenschaften
Link-Tags
<Ein> ● Link-Tags Link hinzufügen
<BASIS> ○ Passermarken Kann relative URLs in absolute umwandeln und Links angeben
Frame-Tag
<FRAMESET> ● Rahmensetzung Den Rahmen setzen
<RAHMEN> ○ Fenstereinstellungen Setzen Sie das Fenster in den Rahmen
<IFRAME> ○ Inpage-Frames Einfügen eines Frames in eine Webseite IE
<KEINE FRAMES> ● Keine Framework-Unterstützung Stellen Sie den Browser so ein, dass er Sie darauf hinweist, wenn er keine Frames unterstützt
Image Map
<KARTE> ● Name der Imagemap Festlegen des Imagemap-Namens
<BEREICH> ○ Linkbereich Legen Sie jeden Linkbereich fest
Multimedia
<BGSOUND> ○ Hintergrundgeräusche Musik oder Sound im Hintergrund abspielen IE
<EINBETTEN> ○ Multimedia Fügen Sie Ton, Musik oder Video hinzu
Andere Marken
<MARKET> ● Drehbare Laterne Text verschieben IE
<BLINKEN> ● Blinkender Text Text blinken lassen NC
<ISINDEX> ○ Seitenfinder Sie können Schlüsselwörter eingeben, um nach dieser Seite zu suchen dagegen sein
<META> ○ Einführung Informationen zu dieser Seite an den Browser weitergeben
<LINK> ○ Beziehungsdefinition Definiert die Beziehung zwischen dieser Datei und anderen URLs
StyleSheet
<STIL> ● Stilblatt Seitenlayout steuern
<span> ● Benutzerdefinierte Tags Wird eigenständig oder mit Stylesheets verwendet

Bemerkung:

1. ● Gibt an, dass es sich bei dem Tag um ein Containment-Tag handelt, das heißt, es muss mit </tag> geschlossen werden.

2. ○ zeigt an, dass das Tag ein leeres Tag ist, d. h., es ist kein End-Tag erforderlich.

3. IE bedeutet, dass dieses Tag nur für den Internet Explorer gilt.

4. NC bedeutet, dass das Tag nur für den Netscape Communicator gilt.

5. Oppose bedeutet, dass das Tag nicht vom W3C genehmigt ist. Normalerweise wird dieses Tag von Microsoft oder Netscape angepasst und von allen unterstützt, aber es gibt andere Optionen mit denselben oder besseren Funktionen im HTML-Standard.

6. „Deprecated“ bedeutet, dass das Tag vom W3C nicht mehr verwendet wird und veraltet ist, HTML jedoch abwärtskompatibel ist und daher vom Browser weiterhin unterstützt wird.

7. Neu bedeutet, dass das Tag in HTML 4.0 neu hinzugefügt wurde.

Wenn Sie meinen, dass es nicht detailliert genug ist, können Sie im folgenden Artikel eine vollständige Liste der HTML-Elemente (Tags) und ihrer Verwendung nachschlagen.

——Dieser Artikel wurde zuvor aus dem Internet reproduziert und kann nicht zurückverfolgt werden. Die Quelle wird ohne besondere Erklärung nicht angegeben.

<<:  Zusammenfassung der Tests für logische MySQL-Sicherungen und -Wiederherstellungen

>>:  Designtheorie: Zehn Tipps zur Inhaltspräsentation

Artikel empfehlen

Unterschiede im Stundentrennzeichen zwischen Browsern

Beim Erstellen einer Webseite verwenden Sie manchm...

Ausführliche Erläuterung der Konzepte und Verwendung von MySQL-Transaktionen

Inhaltsverzeichnis Der Begriff der Affären Der St...

MySQL-Leistungsoptimierungs-Index-Pushdown

Index Condition Pushdown (ICP) wird in MySQL 5.6 ...

MySQL 5.7.18 Installations- und Konfigurations-Tutorial unter Windows

In diesem Artikel finden Sie das Installations- u...

Lösung für den Fehler beim Start des MySQL-Dienstes während der Installation von MySQL 5.7.18

MySQL ist eine sehr leistungsfähige relationale D...

Vollständige Liste der CentOS7-Firewall-Betriebsbefehle

Inhaltsverzeichnis Installieren: 1. Grundlegende ...

Was tun, wenn Sie Ihr MySQL-Passwort vergessen?

Zweimal Ihr MySQL-Passwort vergessen? Zuerst habe...

Vue.js implementiert eine Timeline-Funktion

In diesem Artikel wird der spezifische Code von V...

Ideen und Methoden zur Realisierung von Echtzeit-Protokollberichten mit der reinen Nginx-Konfiguration

Inhaltsverzeichnis Vorwort Umsetzungsideen Implem...

Eine kurze Diskussion über die Kodierung von HTML-Sonderzeichen in CSS3-Inhalten: „Ich bin ein Sonderzeichen“

Einige im Projekt verwendete Sonderzeichen und Sy...

So verwenden Sie vue3+TypeScript+vue-router

Inhaltsverzeichnis Einfach zu bedienen Erstellen ...

Führen Sie die folgenden Schritte aus, damit Nginx Anti-Hotlinking konfiguriert.

brauchen: Normalerweise wollen Websites verhinder...

Eine kurze Einführung in die Kernkenntnisse der VUE uni-app

Inhaltsverzeichnis Spezifikation a. Die Auslageru...

Beispielcode zum Setzen von Hotlinks und Koordinatenwerten für Webbilder

Manchmal müssen Sie mehrere Bereiche auf einem Bi...

Methoden zur Installation und Deinstallation der virtuellen Python-Umgebung sowie aufgetretene Probleme

Ubuntu16.04: Pip installieren und deinstallieren ...