Wie gut kennen Sie sich mit reinen HTML-Tags aus?
|
Die folgenden HTML-Tags umfassen grundsätzlich alle vorhandenen Tags. Verbringen Sie ein paar Minuten damit, sie einzeln durchzusehen. Möglicherweise profitieren Sie davon: <!--…-->: Das Kommentar-Tag wird verwendet, um Kommentare in das Quelldokument einzufügen. <!DOCTYPE>: Informiert den Browser, welche HTML- oder XHTML-Spezifikation das Dokument verwendet <a>: Definiert einen Anker, erstellt einen Link (oder Hyperlink) zu einem anderen Dokument mithilfe des href-Attributs; erstellt ein Lesezeichen innerhalb eines Dokuments mithilfe des Namens- oder ID-Attributs (d. h. Sie können einen Link zu einem Dokumentfragment erstellen) <abbr>: Zeigt eine Abkürzung an, wie beispielsweise „Inc.“, „usw.“, beispielsweise: <abbr title="etcetera">usw.</abbr> <acronym>: definiert ein Akronym, das nur aus den Anfangsbuchstaben besteht, z. B. „NATO“. Indem Sie Ihre Akronyme nur mit den Anfangsbuchstaben markieren, stellen Sie Browsern, Rechtschreibprüfungen, Übersetzungssystemen und Suchmaschinenindexierern nützliche Informationen zur Verfügung. <address>: definiert eine Adresse (z. B. eine E-Mail-Adresse). Sie sollten es verwenden, um die Adresse, Signatur oder Urheberschaft eines Dokuments festzulegen. <applet>: definiert das eingebettete Applet. <area>: Das Tag definiert einen Bereich in einer Imagemap (Hinweis: Eine Imagemap ist ein Bild mit anklickbaren Bereichen). Das Bereichselement ist immer in einem <map>-Tag verschachtelt. <base> : Gibt die Standard-URL oder das Ziel für alle Links auf der Seite an <basefont>: Definiert die Basisschriftart. Dieses Tag definiert die Standardschriftfarbe, Schriftgröße und Schriftfamilie für den gesamten Text in einem Dokument. <bdo>: Überschreibt die Standardtextrichtung <blockquote>: kann ein Blockzitat definieren <body> : definiert den Hauptteil des Dokuments <br>: einen einfachen Zeilenumbruch einfügen <button>: definiert eine Schaltfläche <caption>: Definiert einen Tabellentitel. Das Beschriftungs-Tag muss direkt nach dem Tabellen-Tag stehen. Sie können nur eine Kopfzeile pro Tabelle definieren. Normalerweise wird dieser Titel zentriert über der Tabelle angezeigt. <center> : Zentriert den darin enthaltenen Text horizontal <col>: Definiert Eigenschaftswerte für eine oder mehrere Spalten in der Tabelle. Das <col>-Tag ist nützlich, wenn Sie Stile auf eine ganze Spalte anwenden möchten, ohne den Stil für jede Zelle und Zeile wiederholen zu müssen. Sie können das <col>-Tag nur innerhalb eines Tabellen- oder Colgroup-Elements verwenden. <colgroup>: Wird verwendet, um Spalten in einer Tabelle zu Formatierungszwecken zu gruppieren. Das Tag <colgroup> ist nützlich, wenn Sie Stile auf ganze Spalten anwenden möchten, anstatt die Stile für jede Zelle und Zeile zu wiederholen. Das <colgroup>-Tag kann nur innerhalb eines Tabellenelements verwendet werden. <dd>: Der Definitionsteil, der den Eintrag in der Definitionsliste definiert. <del>: Definiert Text, der in einem Dokument gelöscht wurde und wird mit dem Tag <ins> verwendet, um Aktualisierungen und Korrekturen in einem Dokument zu beschreiben. <dir> : definiert die Verzeichnisliste <div>: definiert eine Unterteilung oder einen Abschnitt in einem Dokument <dl>: Definitionsliste <dt> : definiert die Elemente in der Liste <fieldset> : Gruppieren Sie verwandte Elemente innerhalb eines Formulars <font> : Gibt die Schriftart, Schriftgröße und Schriftfarbe des Textes an <form>: Wird zum Erstellen von HTML-Formularen für Benutzereingaben verwendet <frame>: definiert ein bestimmtes Fenster (Frame) im Frameset <frameset>: Definiert ein Frameset. Es wird verwendet, um mehrere Fenster (Frames) zu organisieren. Jedes Framework verfügt über eine eigene Dokumentation. In seiner einfachsten Verwendung gibt das Frameset-Element lediglich an, wie viele Spalten oder Zeilen im Frameset vorhanden sind. Sie müssen das Attribut cols oder rows verwenden <head>: definiert die Kopfzeile des Dokuments und ist der Container für alle Kopfzeilenelemente. Elemente im <head> können auf Skripte verweisen, dem Browser mitteilen, wo Stylesheets zu finden sind, Metainformationen bereitstellen und mehr. <h1> – <h6>: Definiert den Titel. <h1> definiert die größte Überschrift. <h6> definiert die kleinste Überschrift. <hr>: Erstellt eine horizontale Linie in einer HTML-Seite. <html>: teilt dem Browser mit, dass es sich um ein HTML-Dokument handelt <iframe> : Erstellt einen Inline-Frame (d. h. einen Inline-Frame), der ein anderes Dokument enthält <img>: definiert ein Bild <Eingabe>: wird zum Sammeln von Benutzerinformationen verwendet. Abhängig vom Wert des Typattributs kann das Eingabefeld viele Formen haben. Eingabefelder können Textfelder, Kontrollkästchen, maskierte Textsteuerelemente, Optionsfelder, Schaltflächen usw. sein. <ins> : definiert Text, der in das Dokument eingefügt wurde <label> : Bezeichnung <legend> : definiert einen Titel für das Fieldset-Element <li>: Definiert ein Listenelement. Das <li>-Tag kann in geordneten Listen (<ol>) und ungeordneten Listen (<ul>) verwendet werden. <link>: definiert die Beziehung zwischen einem Dokument und einer externen Ressource. Die häufigste Verwendung ist die Verknüpfung mit einem Stylesheet. <map>: Definiert eine clientseitige Imagemap. Eine Imagemap ist ein Bild mit anklickbaren Bereichen. <menu>: definiert eine Menüliste <meta>: Bietet Metainformationen über die Seite, wie Beschreibungen und Schlüsselwörter für Suchmaschinen und Aktualisierungshäufigkeit. Der <meta>-Tag wird im Kopf des Dokuments platziert und enthält keinen Inhalt. Die Attribute des <meta>-Tags definieren mit dem Dokument verknüpfte Name/Wert-Paare. <noframes>: Dieses Element kann verwendet werden, um Text für Browser anzuzeigen, die keine Frames unterstützen. Das Noframes-Element befindet sich innerhalb eines Frameset-Elements. <noscript>: Definiert alternativen Inhalt (Text), wenn das Skript nicht ausgeführt wird. <Objekt>: definiert ein eingebettetes Objekt. Verwenden Sie dieses Element, um Ihren XHTML-Seiten Multimediainhalte hinzuzufügen. Mit diesem Element können Sie Daten und Parameter für ein Objekt angeben, das in ein HTML-Dokument eingefügt wird, sowie Code, der zum Anzeigen und Bearbeiten der Daten verwendet werden kann. Das <object>-Tag wird verwendet, um Objekte wie Bilder, Audio, Video, Java-Applets, ActiveX, PDF und Flash einzuschließen. <ol> : definiert eine geordnete Liste <optgroup> : definiert Optionsgruppen <option>: definiert eine Option in einer Dropdown-Liste. Das Optionselement befindet sich innerhalb des Auswahlelements. <p> : definiert einen Absatz <param>: Stellt Parameter für das <object>- oder <applet>-Tag bereit, das es enthält. <pre>: Definiert vorformatierten Text. In einem Pre-Element eingeschlossener Text behält normalerweise Leerzeichen und Zeilenumbrüche bei. Der Text wird auch in einer monospaced Schriftart wiedergegeben. Eine häufige Anwendung des <pre>-Tags ist die Darstellung von Computerquellcode. <q> : definiert ein kurzes Zitat <s>: Definieren Sie die Textdefinition mit Durchstreichung <script>: definiert clientseitige Skripte, beispielsweise JavaScript. Das Skriptelement kann Skriptanweisungen enthalten oder über das src-Attribut auf externe Skriptdateien verweisen. Das erforderliche Typattribut gibt den MIME-Typ des Skripts an. <select> : Erstellen Sie ein Einzelauswahl- oder Mehrfachauswahlmenü <span>: wird verwendet, um Inline-Elemente in einem Dokument zu gruppieren <strike> : Definiert die Textdefinition mit einem Durchstreichungszeichen <style>: Definiert Stilinformationen für ein HTML-Dokument. Das Typattribut ist erforderlich und definiert den Inhalt des Stilelements. Der einzige mögliche Wert ist „text/css“ <sub>: definiert tiefgestellten Text <sup> : definiert hochgestellten Text <table>: definiert eine HTML-Tabelle. Eine einfache HTML-Tabelle besteht aus einem Tabellenelement und einem oder mehreren tr-, th- oder td-Elementen. Das tr-Element definiert eine Tabellenzeile, das th-Element definiert eine Tabellenkopfzeile und das td-Element definiert eine Tabellenzelle. Komplexere HTML-Tabellen können auch die Elemente „caption“, „col“, „colgroup“, „thread“, „tfoot“ und „tbody“ enthalten. <tbody>: Textkörper der Tag-Tabelle. Dieses Tag wird verwendet, um den Hauptinhalt einer HTML-Tabelle zu gruppieren. Das Tbody-Element sollte in Verbindung mit den Elementen Thead und Tfoot verwendet werden. Das thead-Element wird verwendet, um den Inhalt der Kopfzeile in einer HTML-Tabelle zu gruppieren, während das tfoot-Element verwendet wird, um den Inhalt der Fußzeile in einer HTML-Tabelle zu gruppieren. Mit den Elementen „thad“, „tfoot“ und „tbody“ können Sie Zeilen in einer Tabelle gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und unten eine Gesamtsummenzeile haben. Durch diese Aufteilung sind Browser in der Lage, das Scrollen des Tabellenkörpers unabhängig von der Kopf- und Fußzeile der Tabelle zu unterstützen. Beim Drucken langer Formulare werden die Kopf- und Fußzeilen der Tabelle möglicherweise auf jeder Seite gedruckt, die die Tabellendaten enthält. <td>: definiert eine Standardzelle in einer HTML-Tabelle <textarea>: definiert ein mehrzeiliges Texteingabefeld <tfoot>: definiert den Fußbereich der Tabelle (Fußnote oder Tabellennotiz) <th>: Definiert die Kopfzelle in der Tabelle. Text innerhalb dieses th-Elements wird normalerweise fett dargestellt. <thead> : Wie oben <title> : definiert den Titel des Dokuments <tr>: definiert eine Zeile in einer HTML-Tabelle <u>: definiert unterstrichenen Text <ul>: definiert eine ungeordnete Liste Einige Tags, die nicht mehr empfohlen werden: Bei den folgenden Elementen handelt es sich hauptsächlich um Schriftstilelemente. Gegen die Verwendung dieser Etiketten bestehen keine Einwände. Wenn Sie jedoch lediglich den Stil des Textes über diese Tags ändern möchten, empfiehlt es sich, ein Stylesheet zu verwenden, um umfassendere Effekte zu erzielen. <tt>Rendert einen schreibmaschinenähnlichen oder monospaced Texteffekt. <i>Zeigt einen kursiven Texteffekt an. <b>Stellt Text fett dar. <big> zeigt einen großen Schrifteffekt an. <small> verkleinert die Schriftgröße. Definiert Text als hervorgehoben. Definieren Sie Text als Inhalt mit einer stärkeren Betonung. <dfn> definiert ein Definitionselement. <code> definiert Computercodetext. <samp> definiert den Beispieltext. <kbd> definiert den Tastaturtext. Es zeigt an, dass der Text über die Tastatur eingegeben wurde. Es wird häufig in computerbezogenen Dokumenten oder Handbüchern verwendet. <var> definiert eine Variable. Sie können dieses Tag mit den Tags <pre> und <code> verwenden. <cite> definiert ein Zitat. Verwenden Sie dieses Tag, um eine Referenz zu definieren, beispielsweise einen Buch- oder Zeitschriftentitel. |
<<: Ergänzender Artikel zur Front-End-Performance-Optimierung
>>: Beispielcode eines CSS-responsiven Layoutsystems
Artikel empfehlen
JavaScript-Einzelthread und asynchrone Details
Inhaltsverzeichnis 1. Aufgabenwarteschlange 2. Um...
Nodejs verwendet Readline, um zur Eingabe von Beispielcode für Inhalte aufzufordern
Inhaltsverzeichnis Vorwort 1. bat führt js aus 2....
Benutzerdefiniertes JavaScript-Plug-In zum Implementieren der Tab-Umschaltfunktion
In diesem Artikel wird der spezifische JavaScript...
Oberflächliches Webdesign
<br />Ich war schon immer der Meinung, dass ...
MySQL 8.0.11 Installationshandbuch für Mac
MAC installiert mysql8.0, der spezifische Inhalt ...
Lösung für MySQL-Fehler beim Ändern des SQL-Modus
Inhaltsverzeichnis Ein Mord verursacht durch ERR ...
Docker installiert Elasticsearch7.6-Cluster und legt Passwort fest
Ab Elasticsearch 6.8 dürfen kostenlose Benutzer d...
Lösung zum Finden aller untergeordneten Zeilen für eine bestimmte übergeordnete Zeile in MySQL
Vorwort Hinweis: Die Testdatenbankversion ist MyS...
Allgemeine Front-End-JavaScript-Methodenkapselung
Inhaltsverzeichnis 1. Geben Sie einen Wert ein un...
Ursachen und Lösungen für langsame MySQL-Abfragen
Es gibt viele Gründe für eine langsame Abfrageges...
Dieser Artikel zeigt Ihnen die Grundlagen von JavaScript: Deep Copy und Shallow Copy
Inhaltsverzeichnis Flache Kopie Tiefes Kopieren A...
js canvas realisiert Bilder mit abgerundeten Ecken
In diesem Artikel wird der spezifische Code von J...
Implementierungsbeispiel für die Angabe der Container-IP beim Erstellen eines Containers in Docker
Wenn Docker einen Container erstellt, verwendet e...
So fragen Sie einen Datensatz in MySQL ab, auf welcher Seite der Paging-Seite
Vorwort In der Praxis kann es zu folgendem Proble...
Reines CSS3 realisiert den Effekt des Ein- und Austretens von Divs in der richtigen Reihenfolge
Dieser Artikel stellt hauptsächlich die Wirkung d...