HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (6)
|
Verwandte Artikel: Anfänger lernen einige HTML-Tags (5) Diese eingeführten HTML-Tags entsprechen nicht unbedingt vollständig der XHTML-Spezifikation. Sie sollten beim Erstellen des eigentlichen Layouts einige Entscheidungen treffen, zum Beispiel: Das B-Tag und das FONT-Tag entsprechen nicht der XHTML-Spezifikation. 1. Grundlegende TAG-Elemente -------------------------------------------------------------------------- Dateiformat <HTML></HTML> (Anfang und Ende der HTML-Datei) Titel <TITLE></TITLE> (Muss im Kopfbereich platziert werden) Kopfbereich <HEAD></HEAD> (Beschreibung des Dokuments, z. B. „Betreff“) Body-Abschnitt <BODY></BODY> (wo sich der Inhalt befindet) 2. Strukturelemente -------------------------------------------------------------------------- Titel <H?></H?> (Es gibt sechs Typen: H1, H2, H3, H4, H5, H6) Titelausrichtung <H? ALIGN=LEFT|CENTER|RIGHT></H?> Abschnitt <DIV></DIV> Abschnittsausrichtung <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> Kurze Anführungszeichen <Q> und </Q> Ja, für einige referenzierte Dateien, sofern der referenzierte Teil nicht lang ist. Dann können Sie die Verwendung dieses Tags in Betracht ziehen, das die neue Syntax von HTML3.0 darstellt. Zitatabschnitt <BLOCKQUOTE></BLOCKQUOTE> (normalerweise eingerückt, wenn angezeigt) Blockquote wird verwendet, um anzuzeigen, dass das Dokument in dem Bereich eine Person oder Informationen in einem Dokument zitiert. Normalerweise wird zitierter Text mit <BLOCKQUOTE> zitiert und </BLOCKQUOTE>, um sie zu markieren. Dann werden die meisten Browser es beim Lesen dieser Wörter anders darstellen. Dies dient lediglich zur Erinnerung an die Leser, dass es sich hierbei um ein Zitat von jemand anderem handelt. Hervorhebung <EM></EM> (normalerweise kursiv) Starke Betonung <STRONG></STRONG> (normalerweise fett) Dieses Zeichen ist STARK, ähnlich wie EM ist lediglich eine Möglichkeit, den Tonfall der Sprache zu verstärken. Die meisten Browser verwenden Fettschrift, um mit <STRONG> und </STRONG> markierte Wörter hervorzuheben. Zitationsangabe <CITE></CITE> (normalerweise kursiv) Verwenden Sie <CITE> und </CITE>, um die von anderen zitierten Wörter zu markieren. Programmquellcode <CODE></CODE> Wenn der Leser etwas über Computer schreibt, dann CODE Dieses Tag kennzeichnet einige zusammengehörende Wörter. Es wird verwendet, indem die zusammengehörenden Wörter mit <CODE> und </CODE> gekennzeichnet werden. Das Programmausgabebeispiel <SAMP></SAMP> wird in HTML nicht geändert. Wenn Sie HTML drucken möchten Die Syntax von . Dann müssen die Leser möglicherweise spezielle Techniken verwenden, um diese Zeichen zu drucken. Außerhalb dieser Zeichen können Leser SAMP verwenden Dieses Symbol kennzeichnet sie. Die Besonderheit dieses Tags besteht darin, dass der markierte Text mit einer festen Breite dargestellt wird. Tastatureingabe <KBD></KBD> Das KBD-Tag wird normalerweise verwendet, um dem Leser mitzuteilen, welche Wörter eingegeben werden können. Diese sind gekennzeichnet als KBD-Zeichen werden normalerweise in Fettschrift mit fester Breite dargestellt. Einige Browser verwenden jedoch nur Zeichen mit fester Breite. Programmvariablen <VAR></VAR> Für einige Wörter, die sich ändern können, bietet HTML eine Die Anzeige erfolgt mit dem VAR-Tag, das für Variablen oder Wörter gedacht ist, die leicht geändert werden können. Sie können <VAR> verwenden und <VAR>, um sie zu markieren. Dies dient dazu, den Benutzer darauf aufmerksam zu machen, dass diese Variablen Änderungen unterliegen können. Definieren Sie <DFN></DFN> (einige Browser haben diese Funktion nicht) Wenn der Reader in HTML Die darin verwendeten Wörter sind einige Definitionen. Dann können Leser über die Verwendung des DFN-Labels nachdenken. Wenn der Reader den Mosaic-Browser verwendet. Dann <DFN> und Der mit </DFN> gekennzeichnete Text wird kursiv dargestellt. Bei anderen Browsern ist dies möglicherweise nicht der Fall. Adresse des Autors <ADDRESS></ADDRESS> Große Schrift <BIG></BIG> Kleine Schriftart <SMALL></SMALL> Sprache <LANG> Werden in einem Dokument mehr als zwei Sprachen verwendet, können diese durch <LANG> und </LANG> gekennzeichnet werden. Dies ist auch die neue Syntax von HTML3.0. Autor (AU) <AU> und </AU> stellen keine allgemeinen AU-Dateien dar. Dieses Tag wird in Leserartikeln verwendet. Werden bestimmte Autoren erwähnt, können diese mit einem Tag gekennzeichnet werden. Dies ist auch HTML 3.0 ist ein speziell für Autoren entwickelter Tag. persönlich (PERSON) In vielen Indizierungsprogrammen zeigt das Programm manchmal einige Informationsseiten an und beim Anzeigen dieser Informationsseiten. Sofern einzelne Namen erwähnt werden. Dann können Sie verwenden <PERSON> und </PERSON>, um diese Namen zu markieren. Diese Syntax ist auch eine neue Syntax, die in HTML 3.0 hinzugefügt wurde. Ein Wort, das aus mehreren Wörtern besteht (AKRONYM) Im Englischen bestehen einige Wörter aus mehreren Wörtern. Wenn Sie auf diese Art von Wort stoßen, können Sie <ACRONYM> verwenden und Die </ACRONYM>-Tags schließen sie in spezielle Klammern ein. Dies ist jedoch eine neue Syntax in HTML3.0. Aber für diejenigen von uns, die Chinesisch sprechen, ist eine solche Grammatik nicht sehr hilfreich. Abkürzung (ABBREV) Wie ACRONYM gibt es im Englischen viele Abkürzungen. HTML 3.0 Für diese Abkürzungen wird außerdem ein neues Tag speziell erstellt. Dieses neue Tag heißt <ABBREV> und hat natürlich auch ein Endsymbol namens </ABBREV>. Einfügen (INS) Wenn Sie in HTML-Dateien ein Wort in eine bestehende Datei einfügen möchten, können Sie <INS> verwenden und </INS>, um diese Wörter zu markieren. Dadurch können die Leser beim Überprüfen leichter erkennen, ob das Dokument überarbeitet wurde. Natürlich ist diese Syntax auch HTML 3.0 Neue Syntax hinzugefügt in. Die Syntax zum Löschen (DEL) wird verwendet, um dem Leser mitzuteilen, dass bestimmte Wörter oder Teile davon gelöscht werden. Dieses neue Tag erschien auch in HTML3.0. 3. TAG-Elemente im Zusammenhang mit dem Anzeigemodus -------------------------------------------------------------------------- Deutlich Kursiv<I></I> Unterstreichung <U></U> zeichnen (einige Browser verfügen nicht über diese Funktion) Durchgestrichen <STRIKE></STRIKE> (einige Browser verfügen nicht über diese Funktion) Zeile <S></S> löschen (einige Browser haben diese Funktion nicht) Tiefgestelltes Wort <SUB></SUB> Hochgestellt <SUP></SUP> Schreibmaschinenschriftart <TT></TT> (eine Schriftart, bei der Leerzeichen die gleiche Breite wie andere Textelemente haben) Gemäß dem voreingestellten Format <PRE></PRE> (relative Position zwischen den Zeichen beibehalten) Vorformatierte Breite <PRE WIDTH=?></PRE> (in Zeichen) Zentriert <CENTER></CENTER> (Text und Grafiken werden zentriert) Blinken<BLINK></BLINK> Schriftgröße <FONT SIZE=?></FONT> (von 1 bis 7) Schriftgröße ändern <FONT SIZE=" |-?"></FONT> Basisschriftgröße <BASEFONT SIZE=?> (Standardwert ist 3) Schriftfarbe <FONT COLOR="#$$$$$$"></FONT> Geben Sie den Schriftstil an <FONT FACE="***"></FONT> Mehrere Spalten <MULTICOL COLS=?></MULTICOL> Spaltentext und Randabstand <MULTICOL GUTTER=?></MULTICOL> (Standardwert ist 10 Pixel) Spaltenbreite <MULTICOL WIDTH=?></MULTICOL> Leerzeichen lassen <SPACER> Abstandstyp <SPACER TYPE=horizontal| vertikal|block> Abstandsgröße <SPACER SIZE=?> Abstandsgröße <SPACER WIDTH=? HEIGHT=?> Abstand<SPACER ALIGN=links|rechts|mitte> 4. Hypertext-Links und grafische Elemente -------------------------------------------------------------------------- Link zu einer bestimmten URL <A HREF="URL"></A> Link zum Anker <A HREF="URL#***"></A> (Anker in einem anderen Dokument) <A HREF="#***"></A> (Anker im selben Dokument) Link zum angegebenen FRAME <A HREF="URL" ZIEL="***|_blank|_self|_parent|_top"></A> "Ankerpunkt" setzen <A NAME="***"></A> Weiterleitungslink <A REL="***"></A> (einige Browser haben diese Funktion nicht) Rückwärtslink <A REV="***"></A> (einige Browser haben diese Funktion nicht) Grafik anzeigen <IMG SRC="URL"> Grafikposition <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> Grafikstandort <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> Alternativer Grafiktext <IMG SRC="URL" ALT="***"> (anzuzeigender Text, wenn die Grafik nicht angezeigt werden kann) Sie können auf die Grafik <IMG SRC="URL" ISMAP> klicken (muss mit der .map-Datei verwendet werden) Kunden können auf die Grafik klicken <IMG SRC="URL" USEMAP="URL"> Klicken Sie auf den Kartennamen <MAP NAME="***"></MAP> Geben Sie einen anklickbaren Bereich an <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> Grafikgröße <IMG SRC="URL" WIDTH=? HEIGHT=?> (in Pixeln) beschreibt die Breite und Höhe der Grafikdarstellung. Rahmengröße <IMG SRC="URL" BORDER=?> (in Pixeln) Die Breite des Rahmens außerhalb der Form. Leerraum um <IMG SRC="URL" HSPACE=? VSPACE=?> (in Pixeln) vspace und hspace beschreiben den vertikalen und horizontalen Abstand von Grafiken und Text. Grafiken mit niedriger Auflösung <IMG SRC="URL" LOWSRC="URL"> Clientseitige geplante Updates <META HTTP-EQUIV="Aktualisieren" CONTENT="?; URL=URL"> Plug-in-Objekt <EMBED SRC="URL"> (fügt einem Dokument ein Plug-in-Objekt hinzu) Objektgröße <EMBED SRC="URL" WIDTH=? HEIGHT=?> 5. Absätze in TAG-Elemente unterteilen -------------------------------------------------------------------------- Absatz <P></P> (das schließende Tag </p> kann in der Regel weggelassen werden) Textausrichtung angeben <P ALIGN=LEFT|CENTER|RIGHT></P> Zeilenumbruch erzwingen<BR> Geben Sie den Startpunkt nach dem Zeilenumbruch an <BR CLEAR=LEFT|RIGHT|ALL> Horizontale Linie <HR> Horizontale Linienposition <HR ALIGN=LEFT|RIGHT|CENTER> Horizontale Linienstärke (nach unten) <HR SIZE=?> (in Pixeln) Horizontale Zeilenlänge (rechts) <HR WIDTH=?> (in Pixeln) Horizontale Linienbreite <HR WIDTH="%"> (Prozentsatz der Seitenbreite) Durchgezogene Linie <HR NOSHADE> (kein 3D-Effekt) Kein Zeilenumbruch<NOBR></NOBR> Zeilenumbruch <WBR> (Bei Bedarf können Sie hier die Zeile umbrechen) 6. Listenelement <list> -------------------------------------------------------------------------- Ungeordnete Liste <UL><LI></UL> UL KOMPAKT Kopfzeilensymboltyp <UL TYPE=DISC|CIRCLE|SQUARE> (für alle Aufzählungselemente) <LI TYPE=DISC|CIRCLE|SQUARE> (dieses Element und die folgenden Elemente) Sortierte Liste<OL><LI></OL> KOMPAKT Numerischer Typ <OL TYPE=A|a|I|i|1> (für alle Aufzählungselemente) <LI TYPE=A|a|I|i|1> (dieses Element und die folgenden Elemente) Startnummer <OL START=?> (für alle Aufzählungselemente) <LI VALUE=?> (dieses Element und die folgenden Elemente) Definitionsliste <DL><DT><DD></DL> (<DT>=Definitionselement, <DD>=Definitionsinhalt) DL KOMPAKT Menüartige Aufzählung <MENU><LI></MENU> (<LI> wird vor jedem Aufzählungselement platziert) Vereinfachen <MENU COMPACT></MENU> Verzeichniseintrag <DIR><LI></DIR> (<LI> wird vor jedem Eintrag platziert) Vereinfachen Sie <DIR COMPACT></DIR> 7. Hintergrund- und Farb-Tag-Elemente -------------------------------------------------------------------------- Hintergrundmuster <BODY BACKGROUND="URL"> Hintergrundfarbe<BODY BGCOLOR="#$$$$$$"> Textfarbe <BODY TEXT="#$$$$$$"> Farbe nicht verbundener Punkte<BODY LINK="#$$$$$$"> Farbe der verbundenen Punkte<BODY VLINK="#$$$$$$"> Farbe des positiven Linkpunkts<BODY ALINK="#$$$$$$"> 8. Sonderzeichen-Ersetzung (die folgenden Ersetzungszeichen müssen klein geschrieben sein) -------------------------------------------------------------------------- Sonderzeichen &#?; (? ist ISO 8859-1-Code) < < > > & & " " Eingetragene Marke? Urheberrecht ? Geschütztes Leerzeichen 9. Mathematische Gleichungen -------------------------------------------------------------------------- Beispiel 1: <Mathe> H(s)=∫<sub>0</sub><sup>∞ </sup>e<sup>st</sup>h(t)dt </math> Beispiel 2: <Mathe> C<box>dV<sub>Ausgang</sub> <over>dt</box>=I<sub>b</sub> &tanh;(<box>κ(V<sub>in </sub>-V<sub>aus</sub>)<über>2</box> CdVoutdt=Ib &tanh;(κ(Vin-Vout)2 Beispiel 3: <Mathe> (<array align="C"><item> &ldet;<array align="cc"> <item>x<sub>11</sub> <item>x<sub>12</sub> <item>x<sub>21</sub> <item>x<sub>22</sub> <array><rd>&rdet; <Element>y<Element>z </array>)</math> , Aus diesen drei Beispielen können wir erkennen: Wir verwenden &int zur Darstellung des „Integralsymbols“, <sub> zur Darstellung eines Index und <sup> zur Darstellung eines Hochindex. <box> wird verwendet, um anzuzeigen, dass die folgenden Elemente als Gruppe betrachtet werden; <over> stellt ein Trennungszeichen dar. <array> zur Verarbeitung des Matrixsymbols, <array align=C|L|R> Position der Tabellenelemente in der Mitte, links oder rechts. Elemente werden durch Hinzufügen von <item> vor den Daten gekennzeichnet. &Ldet stellt die linke Seite der Determinante dar und &Rdet stellt die rechte Seite der Determinante dar. (Wagenrücklauf, Zeilenvorschub) <br> (Leerzeichen) & (UND-Symbol) & < (linke spitze Klammer, Kleiner-als-Zeichen) < > (schließende spitze Klammer, Größer-als-Zeichen) > ° (Grad) ° ? (Trennzeichen) • ′ ´ " " „ “ ” ” ‰ ‰ ← ← ↑ ↑ → → ↓ ↓ ? ↔ √ √ ∝ ∝ ∞ ∞ ∠ ∠ ∧ ∧ ∨ ∨ ∩ ∩ ∪ ∪ ? Ø ∫ ∫ ∴ ∴ ≈ ≈ ￥ (RMB) ¥ ≠ ≠ ≡ ≡ ≤ ≤ ≥ ≥ ⊕ ⊕ λ λ μ μ ν ν ξ ξ ν ν ξ ξ ∏ ∏ ∑ ∑ ￥ ¥ … … 1 (Leistungssymbol) ¹ 2 (quadratisches Symbol) ² 3 (Kubiksymbol) ³ (Hochgestellt) n<sup>r</sup> (Tiefgestellter Fall) C<sub>i</sub> Fett<b>Fett</b> kursiv<i>kursiv</i> Unterstreichen <u>Unterstreichen</u> ± (Plus- und Minuszeichen) ± × (Multiplikationszeichen) × ÷ (Divisionszeichen) ÷ ? (Urheberrecht) © ?(Eingetragenes Warenzeichen) ® ? (Markensymbol) ™ - (Bindestrich) - |
<<: Beispiel für Auslassungspunkte bei Überlauf von mehrzeiligem CSS-Text
>>: So stellen Sie per SSH eine Verbindung zum Docker-Server her
Artikel empfehlen
Detaillierte Erklärung des Sidecar-Modus in Docker Compose
Inhaltsverzeichnis Was ist Docker Compose Anforde...
JavaScript-Canvas zum Erzielen von Meteoreffekten
In diesem Artikel wird der spezifische Code für J...
Dieser Artikel hilft Ihnen, den Quellcode von PReact10.5.13 zu verstehen
Inhaltsverzeichnis render.js-Teil create-context....
Zusammenfassung der drei Phasen der Entwicklung eines visuellen Designers
Viele Leute haben dieses Buch gelesen: „Entwickel...
MySQL Series II-Konfiguration für mehrere Instanzen
Tutorial-Reihe MySQL-Reihe: Grundlegende Konzepte...
Vue implementiert die Seiten-Caching-Funktion
In diesem Artikelbeispiel wird der spezifische Co...
MySQL-Startfehlerproblem und Szenarioanalyse
1. Komplettlösung 1. Problemanalyse und -lokalisi...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.22
Installation und Konfiguration von MySQL8.0.22 (s...
So stellen Sie Docker-Containerdaten wieder her
Die Datenbankdaten der Projekttestumgebung sind v...
MySQL aktualisiert ein Feld in einer Tabelle, sodass es dem Wert eines Felds in einer anderen Tabelle entspricht.
Wie unten dargestellt: Aktualisiere Tabelle1 als ...
H-Tags sollten bei der Erstellung von Webseiten sinnvoll verwendet werden
HTML-Tags haben spezielle Tags zur Handhabung des ...
So verwenden Sie dynamische Parameter und berechnete Eigenschaften in Vue
1. Dynamische Parameter Ab 2.6.0 können Sie einen...
Lösung für das Problem, dass die Div-Breite auf width:100% eingestellt ist und dann die Polsterung oder der Rand das übergeordnete Element überschreitet
Vorwort In diesem Artikel wird erläutert, wie Sie...
Implementierung der Formatierung von Partitionen und der Einbindung in Centos7
Unter Linux treten häufig Situationen auf, in den...
Detaillierte Erläuterung, wie Vue Werte zurückgibt, um Formulare dynamisch zu generieren und Daten zu übermitteln
Inhaltsverzeichnis Die wichtigsten gelösten Probl...