HTML häufig verwendete Format -Tags

HTML definiert <h1> </h1> zu <h6> </h6> sechs <h> Tags, die für den Titel (Überschrift) von Schriftarten unterschiedlicher Größe verwendet werden. Die Schriftart ist von groß bis klein, <h1> die größte und <h6> die kleinste.

Überschriften müssen beachten: a. Da das Überschriftenetikett ein Block -Level -Element ist, fügt HTML standardmäßig vor und nach Block -Level -Elementen automatisch eine zusätzliche leere Zeile (<br/>) hinzu. b. Der Titel ist sehr wichtig für die gesamte Seite. Da das Überschriften -Tag für SEO sehr freundlich ist, verwenden Suchmaschinen den Titel- und Inhaltskompilierungsindex mit dem Titel Ihrer Website, und Benutzer können Ihre Webseiten schnell durch den Titel durchsuchen. Daher ist es wichtig, die Dokumentstruktur mit dem Titel zu präsentieren . <h1> sollte als Haupttitel (am wichtigsten) verwendet werden, gefolgt von <h2> (sekundär) und dann <H3> usw.

 <!-<h> Tags sind Einstellungen. </H3> <h4> China vier </h4> <h5> China fünf </h5> <h6> China 6 </H6>

Der Effekt ist wie unten gezeigt, die Schriftgröße ist von groß nach klein:

In Bezug auf den Unterschied zwischen dem Ändern von Etiketten in HTML <br/> und segmentierten Bezeichnungen <p> </p> ist das Handelsetikett <br/> nur eingetragen, <p> </p> ist Segment. Da das <p> -Label ein Block -Level -Element ist, hat es vor und nach einem relativ großen Leerzeichen (automatisch hinzuzufügen <br/>), und das Etikett ist ein Zeilenelement. und nach. Es gibt ein Etikett <br/> Etikett <Nobr> </nobr>, was bedeutet, dass es nicht geändert wird und normalerweise verwendet wird, um zu verhindern, dass der Browser die Zeile automatisch geändert hat, in der der Programmcode nicht geändert werden muss.

 <!-Änderung und Segmente:-> <p> Dies ist das erste <br /> <! /p> <p> Dies ist der zweite Absatz </p> <!-Stidal Change-> int i = 0, j = 10;

<hr /> Erstellen Sie eine horizontale Linie auf der HTML -Seite. Es ist eine Möglichkeit, die horizontale Linie (<hr> Tag) zu verwenden, um die Abschnitte im Artikel zu trennen. Die <hR/> -Tags können Breite und hohe Höhe einstellen, und diese beiden Attribute haben Pixel bzw. prozentuale Exponenten. Darüber hinaus enthalten die <hR/> -Tags die Attribute der Größe (Dicke), Farbe (Farbe) und Noshade (schattenlos).

 <! /1999/xhtml -Width-Attribut ist 60px-> <hr Breite = 60% /> <!-Breite ist 60%-> <hr Größe = 10 /<!-Größe ist 10px-> <hr Größe = 10% /> <!-Größe IS 10%-> <!-Ausrichtung Attribute mit den Werten von links, rechts und zentral --- > <hr width = 20% Align = center/> <hr color =#ff0000/> <!-Noshade Attribut, Einstellungen No Shadow Effect-> <hr noshade = noshade/> </body> </html>

 <!-Common Text Format Labels-> <Center> Blog Park </center> Display <B> Hallo, Welt! </b> dicker Körper, empfohlene <strong> Tags. <i> Clamp </i> ehrlicher Körper. <u> Ich bin ein Abwärtszeilenkennzeichnung </u> mit der Linie. <em> betonen, dass der schräge Körper </em> <sub> 2 </sub> besiedelt ist, wie z. ! <!-Der Wert der absoluten Schriftart ist der Wert der Größe von 1-7-> <!-Farbe (die Farbe festlegen) Größe (1-7). -> <!-Gesichtsattribute werden verwendet, um Schriftarten zu setzen-> <font> </font> Schriftbezeichnung, <font color = rot size = 7 face = lishu> rot </font>

<Pre> Pre -formatiertes Etikett, behalten Sie den Inhalt der Webseitenanzeige. Es kann für eine spezielle Inhaltsanzeige verwendet werden, oder es kann auch verwendet werden, um den Quellcode der Computerprogrammierung anzuzeigen (wie der Quellcode des Blog -Gartens wird vom <pre> -Tag angezeigt).

 <p> Pre -Label -Anzeige einige besondere Hoffnungen auf Originalanzeige: < / p> <pre> Ich bin ein guter Junge, ich mag es ah ah ah ah, das ist ein pre -format -tag ____ (. / / | / / / / / / / / / / / / / / / |.

<Marquee> </marquee> Tags, um dem Browser zu sagen, er solle den Text und die Bilder von ihnen anzeigen.

 <Div> <!-Marquee Label Einige Browser unterstützen: dh, ff-> <!-Richtungsattribute: Die Bewegungsrichtung des angegebenen Inhalts, der Wert des Wertes ist links, rechts, nach oben und unten-> <!--- -Behavior Attribut: Geben Sie das Verhalten des Etiketts an, der Wert des Wertes ist scrollen, alternativ und dia-> <marquee Direction = links scrollay = verhalten = alternativ> Hallo allerseits, bitte kommen Sie zu meiner Homepage! ...... </marquee> </div>

 <! /1999/xhtml> <kopf> <titels Blockquote> Definieren Sie die Referenzen des langen Textes:-> <Blockquote> <p> Über zwei oder drei Tage sind die besten Prognosen der Welt spekuliert und über sechs oder sieben sind sie wertlos !-<adresse> Adresse, Signatur, Dokumentautorinformationen usw. Die Reihenfolge der Textanzeige durch das Etikett über das DIR-Attribut:-> <Bdo Dir = LTR> Power Node < /bdo> <!-ltr: links Nach rechts, von links nach rechts-> <bdo dirr = rtl> Power-Knoten </bdo> <br/> <!-rtl: rechts nach links von rechts nach links-> </body> </html>

 <! /xhtml> <kopf> <titels <! Banane </li> <li> Apfel </li> <li> Orange </li> </ul>. > -> <ul type = circle> <li> Banane </li> <li> Apple </li> <li> orange </li> </ul> <ul type = square> <li> Banane </li > <li> Apfel </li> <li> Orange </li> </ul> 3. Gemischte Verwendung von Attributwerten, betont die Rolle: <br/> <ul type = circle> <li> Banane </li > <li type = disc> Apple </li> <li> orange </li> </ul> <!-Zweitens eine ordnungsgemäße Liste (OL, geordnete Liste)-> <font size = +1 color =#00FF00 Face = Chinese Kaita> II. </ol> 2. Verwenden Sie Typattribute: <la/> <ol type = i> <li> Basketball </li> <li> Volleyball </li> <li> Fußball </li> </ol> <ol type = a> <li> Basketball </li> <li> Volleyball </li> <li> Fußball </li> </ol> 3. Die vordere Anzahl des Listenelements: <br/> <blockquote> a . Fußball </li> </ol> B. <font color =#ffff> vlaue </font> separat üben: <br/> <M> <li> Basketball </</li> <li value = 5> Volleyball </li> <li> Fußball </li> </ol> C. <font color =#ffff> start, Wert </font> Gelenkanwendung: <br/> <ol start = 8> <li> Basketball < /li> <li value = 15> Volleyball </li> <li> Fußball </li> </ol> </blockquote> <font size =+1 color =# 00ff00 face = musters '> iii. < /font> <br /> 1. In der Sequenzliste, landeslose Liste: <br /> <ul> <li> Getränke < /li < /li < /li < /li> <li> Frucht <ul> <ul> li> banane </li> <li> Apfel </li> <li> orange </li> </li> <li> Gemüse </li> <li> Tee </li> </ul> 2. Eingebettet Serienniste in der nicht -seriellen Liste: <br/> <ul> <li> Getränke </li> <li> Frucht <ol> <li> Banane </li> <li> Apfel </li> <li> Orange </li> </ol> </li> <li> Gemüse </li> <li> Tee </li> </ul> 3. In der Liste wird die Sequenzliste festgelegt: <br/> <ol> <li> Getränk </li> <li> Frucht <ol> <li> Banane </li> <li> Apfel </li> <li> orange </li> </ol> </li> <li> Gemüse </li> <li> Tee </li> </ol> 4 .. ol> <li> Getränke </li> <li> Obst <ul> <li> Banane </li> <li > Apfel </li> <li> Orange </li> </ul> </li> <li> Gemüse </li> <li> Tee </li> </ol> 5. Multi -Level -Nester der Liste: <la/> <li> Getränk </li> <li> Frucht <ul> <li> Banane </li> <li> Apfel <ul> <li> Es wird in Brasilien </li> <li produziert > Es wird in China produziert. /li> < /ol> <!-drittens, definiere liste (dl, definitin list)-> <font size =+1 color =#00ff00> iv. : <br /> <!- <dl> <d> Der erste Titelelement < /dt> < /dt> < /dt> < /dt> < /dt> dd> Interpretation des ersten Titelelements < /dd> <dt> Der zweite Titelelement </dt> <dd> Interpretation des zweiten Titelelements </dd> </dl> darunter: <dl>, um den Beginn der Liste zu identifizieren; der Definitionsliste; -> <dl> <!-dt: Definitionsbegriff (Definitionsbegriff) Definieren Sie den Titel von Peking-> <dt> Peking </dt> <!-DD: Definition Erklärung des Titels von Peking-> <dd> Politisches politisches Zentrum in China </dd> <dt> shanghai </dt> <d> China Economic Center </dd> <dt> Shenzhen </dt> <dd> Die Vorderseite der Reform Chinas und das Öffnen von </dd> </dl> < /body> </html>

Viele Etiketten können verwendet werden, um das Erscheinungsbild des Textes zu ändern und ihre verborgene Bedeutung für den Text zu verknüpfen. Im Allgemeinen können diese Tags in zwei Kategorien unterteilt werden: inhaltlicher Stil und physischer Stil.

1. Inhaltsbasierter Stil

Inhaltsbasierte Stil -Tags mitbuhen dem Browser, dass der von ihm enthält der Text eine bestimmte Bedeutung, Kontext oder Verwendung hat. Anschließend wendet der Browser das Format der Bedeutung, des Kontextes oder der Verwendung in Text an. Beachten Sie, dass der Inhalt des inhaltsbasierten Etiketts die Bedeutung und nicht formatieren. Daher sind sie für die automatische Verarbeitung sehr wichtig.

Da der Schriftstil durch semantische Hinweise angegeben ist, kann der Browser einen geeigneten Anzeigestil für Benutzer auswählen. Aufgrund der verschiedenen Arten verschiedener Standorte können Sie mithilfe von inhaltsbasierten Stilen sicherstellen, dass Ihre Dokumentation für die Leser in einem großen Bereich von Bedeutung ist. Dies ist besonders wichtig für den Browser, der von Blinden und Behinderten verwendet wird, da sich ihre Anzeigoptionen grundsätzlich von unserem traditionellen Text unterscheiden oder in einigen Aspekten sehr große Einschränkungen aufweisen.

Die aktuellen HTML- und XHTML -Standards definieren kein Format für jedes inhaltsbasierte Etikett. Die Standards erfordern nicht einmal, dass diese inhaltsbasierten Stile auf unterschiedliche Weise angezeigt werden. In praktischen Anwendungen können Sie feststellen, dass viele solcher Etiketten eine sehr offensichtliche Beziehung zum traditionellen Druck haben.

Bei Verwendung von HTML/XHTML -Basis -Style -Tags müssen Sie einige Regeln befolgen, denn einfach darüber nachzudenken, wie Text angezeigt werden sollte, und es ist sehr leicht zu wissen, wie die Bedeutung dieser Texte ist. Sobald Sie mit der Verwendung von inhaltsbasierten Stilen beginnen, ist das Dokument konsistenter und kann besser helfen, automatische Such- und Inhaltsbearbeitung auszuführen. Diese Tags sind:

 <abbr> <Cronym> <Cite> <code> <dfn> <em> <kbd> <samp> <strong> <var>

2. physischer Stil

Bei der Diskussion von Inhalts -Basis -Labels mit Basis verwenden wir häufig die Wortabsicht. Dies liegt daran, dass die vom Etikett vermittelte Bedeutung wichtiger ist als der Browser, der Text anzeigt. In einigen Fällen kann dies jedoch aus Gründen für Legitimität oder Urheberrechte berücksichtigt werden. In diesem Fall können Sie physische Stile für Text verwenden.

Obwohl der Trend anderer Textverarbeitungssysteme darin besteht, die Stile und das Erscheinungsbild der Verwendung von HTML oder XHTML genau zu steuern, sollten physische Beschriftungen vermieden werden, es sei denn, es gibt nur sehr wenige Fälle. Wir sollten dem Browser so weit wie möglich Kontextinformationen bereitstellen und inhaltsbasierte Stile verwenden. Obwohl der Browser diese Texte jetzt nach schrägen oder dicken Charakteren anzeigt, können der zukünftige Browser und verschiedene Tools für die Erzeugung von Dokumenten diese inhaltsbasierten Stile auf sehr kreative Weise verwenden.

Die aktuellen HTML/XHTML -Standards liefern insgesamt 9 physische Stile, darunter kühn, kursiv, monospatisiert, unterstrichen, gestreift, größer), kleiner. Diese Tags sind:

 <b> <big> <i> <s> <dmall>

Das oben genannte Label ist vom Herausgeber vorgestellt. Vielen Dank für Ihre Unterstützung für die VEVB Wulin -Website!