Detaillierte Änderung verschiedener Schriftformate von HTML -Webseiten

Autor：Eve Cole Aktualisierungszeit：2025-06-07 00:48:02

Dieser Abschnitt beginnt mit der detaillierten Änderung des Textes, sodass die Leser die Änderungen in verschiedenen Schriftarten von HTML erfassen und professionellere Webseiten erstellen können.

4.2 Diversifizierte Textänderung

Im vorherigen Abschnitt habe ich verschiedene Einstellungen großer Absätze gelernt, die für den Text selbst attraktiver schienen. Dieser Abschnitt beginnt mit der detaillierten Änderung des Textes, sodass die Leser die Änderungen in verschiedenen Schriftarten von HTML erfassen und professionellere Webseiten erstellen können.

4.2.1 Basisbezeichnungen für Textstileinstellungen - 

Das grundlegende Tag zum Einstellen von Schriftarten ist , und der darin enthaltene Text ist der Stil -Aktionsbereich. Beim Schreiben von HTML -Code für Anfänger kann durch mehrere Quellen leicht verschachtelt, z. Eine andere Situation ist die Verschachtelung von Fehlausrichtungen, wie text . Um das Schreiben von Code zu standardisieren und unnötige Fehler zu vermeiden, müssen die Leser beim Lernen vorsichtig sein.

4.2.2 Legen Sie die Farbe des Textes fest

Farbe ist eines der Attribute des Tags, mit dem die Textfarbe festgelegt wird. Erstellen Sie eine Web -Datei im d:/ web/ verzeichnis namens font_color.htm und schreiben Sie den Code wie in Code 4.7 gezeigt.

Code 4.7 Einstellung der Schriftfarbe: font_color.htm

<html>

<kopf>

<title> Schriftfarbeinstellungen </title>

</head>

<body>

Leichter rotes Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Crimson Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Hellgrüner Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Dunkelgrüner Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Hellblauer Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Dunkelblauer Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Hellgelbte Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Dunkelgelber Text: <Schriftart Color =#666600> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Leichter Cyan Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Dunkelblauer Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Leichter lila Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

Deep Purple Text: Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte

</body>

</html>

Geben Sie http: //localhost/font_color.htm in der Browser -Adressleiste ein, und der Browsing -Effekt ist in Abbildung 4.7 dargestellt.

Abbildung 4.7 Schriftstellungseinstellungen

Leser können nicht nur lernen, wie das Farbattribut im Schriftart Tag 4.7 verwendet wird, sondern auch mit den Darstellungsmethoden verschiedener Farben vertraut sein.

4.2.3 Legen Sie die Größe des Textes fest

Die Größe ist auch eine Eigenschaft des < -font> -Tags, mit dem die Textgröße festgelegt wird. Der Wert der Größe beträgt 1-7, und die Standardeinstellung beträgt 3.. Wir können + und - Zeichen vor dem Größe des Größenattributs hinzufügen, um die Inkremente oder Dekrementierung relativ zum Anfangswert der Schriftgröße anzugeben. Erstellen Sie eine Web -Datei im d:/ web/ verzeichnis namens font_size.htm und schreiben Sie den Code wie in Code 4.8 gezeigt.

Code 4.8 Einstellung der Schriftgröße: font_size.htm

<html>

<kopf>

<title> Einstellungen der Schriftgröße </title>

</head>

<body>

Größe ist 1: <Schriftgröße = 1> HTML -Lernen

Größe ist 2: <Schriftgröße = 2> HTML -Lernen

Größe ist 3: <Schriftgröße = 3> HTML -Lernen

Größe ist 4: <Schriftgröße = 4> HTML -Lernen

Größe ist 5: <Schriftgröße = 5> HTML -Lernen

Größe ist 6: <Schriftgröße = 6> HTML -Lernen

Größe ist 7: <Schriftgröße = 7> HTML -Lernen

</body>

</html>

Geben Sie in der Browser -Adressleiste http: //localhost/font_size.htm ein, und der Browsing -Effekt ist in Abbildung 4.8 dargestellt.

Abbildung 4.8 Einstellungen der Schriftgröße

Leser können versuchen, + und - Zeichen vor dem Größenwert hinzuzufügen, um die Textgröße flexibler festzulegen.

4.2.4 Legen Sie die Schrift des Textes fest

Das Gesicht ist auch eine Eigenschaft des < -font> -Tags, mit dem Textschriftarten (Schriftarten) festgelegt werden. Die in HTML -Webseiten angezeigten Schriftarten werden vom Browsing -System aufgerufen. Um die Schriftart konsistent zu halten, wird empfohlen, Song -Schriftart zu verwenden, und HTML -Seiten verwenden standardmäßig auch die Song -Schriftart. Erstellen Sie eine Web -Datei im d:/ web/ verzeichnis namens font_face.htm und schreiben Sie den Code wie in Code 4.9 gezeigt.

Code 4.9 Schriftart Einstellungen: font_face.htm

<html>

<kopf>

<title> Schriftart Einstellungen </title>

</head>

<body>

Die Schriftart ist Song-Schriftart: qinyuanchun · changsha-mao zedong

Die Schrift ist in Kaishi: <Schriftgröße = 5> Qinyuanchun · Changsha-Mao Zedong

Die Schriftart ist fett: <Schriftgröße = 5> Qinyuanchun · Changsha-Mao Zedong

Die Schrift ist lishu: qinyuanchun · changsha-mao zedong

</body>

</html>

Geben Sie in der Browser -Adressleiste http: //localhost/font_face.htm ein, und der Browsing -Effekt ist in Abbildung 4.9 dargestellt.

Abbildung 4.9 Schriftstellungen

Der Autor legt die Textgröße der modifizierten Schriftart auf Nr. 5 fest, damit die Leser die Leser anzeigen können.

4.2.5 lassen den Text neigen

Mithilfe von Doppel -Tags kann der zu angewandte Text neigen und Spezialeffekte wie das Datum des Artikels erreichen. wird als Betonungs -Tag bezeichnet und kursiv. Es wird derzeit häufiger als Tags verwendet. Die Schreibmethode lautet wie folgt:

Das ist kursiver Text

Dies ist auch kursiv

4.2.6 Machen Sie Text fett

Mithilfe von Doppel-Tags kann der angewandte Text fett werden, wodurch der Text auffälliger wird, z. B. den Titelteil des Artikels. wird als besonderer Schwerpunkt auf Etiketten bezeichnet und ist auch mutig im Text. Es wird derzeit häufiger verwendet als Tags. Die Schreibmethode lautet wie folgt:

Dies ist fettem Text

Dies ist auch mutiger Text

4.2.7 Unterstreichen Sie den Text

Verwenden Sie Doppel -Tags , um dem angewandten Text Unterstriche hinzuzufügen. Das Folgende ist ein umfassendes Beispiel für die kräftige und unterstrichene Texte. Erstellen Sie eine Web -Datei im d:/ web/ verzeichnis namens font_style.htm und schreiben Sie den Code wie in Code 4.10 gezeigt.

Code 4.10 Textänderungseinstellungen: font_style.htm

<html>

<kopf>

<title> Einstellungen für Schriftänderungen </title>

</head>

<body>

kursiv: qinyuanchun · changsha-mao zedong

Fett: Qinyuanchun · Changsha-mao Zedong

Unterstreich: Qinyuanchun · Changsha-mao Zedong

ITALIC BOLD UNTERSTELLUNG: Qinyuanchun · Changsha-mao Zedong

</body>

</html>

Geben Sie in der Browser -Adressleiste http: //localhost/font_style.htm ein, und der Browsing -Effekt ist in Abbildung 4.10 dargestellt.

Abbildung 4.10 Einstellungen für Schriftveränderungen

Der Autor legt alle Textgrößen in <body> </body> auf Nr. 5 fest, damit die Leser sich ansehen können.

- Hinweis: Wenn mehrere Tags das gleiche Textstück enthalten, kann ihre Einschlussreihenfolge nicht falsch ausgerichtet werden.

4.2.8 Verwendung mehrerer Titelstile

In Webartikeln ist der Stil des Titels relativ besonders, um die Bedeutung des Titels hervorzuheben. Die HTML -Technologie schützt eine Reihe von Stil -Tags für Titel, nämlich Doppel -Tags <h1> zu <h6>, und die Textgrößen stellen verschiedene Ebenen von Titeln von groß bis klein dar. Das Titel -Tag verfügt über eine Funktion, die exklusiv für eine Zeile ist, mutig im Text und im Zentrum des Textes. Auf diese Weise ist es einfach, den Titel festzulegen und kann Multi-Level-Titel festlegen. Erstellen Sie eine Web -Datei im d:/ web/ verzeichnis namens font_h.htm und schreiben Sie den Code wie in Code 4.11 gezeigt.

Code 4.11 Titeleinstellungen: font_h.htm

<html>

<kopf>

<title> Titeleinstellungen </title>

</head>

<body>

<h1> Titel Nr. 1 </h1>

<h2> Titel Nr. 2 </H2>

<h3> Titel Nr. 3 </h3>

<h4> Titel Nr. 4 </h4>

<h5> Titel Nr. 5 </H5>

<h6> Titel Nr. 6 </h6>

<h1> Fortune Magazine: Warum fällt Google nicht nach seinem Wohlstand? </h1>

<h3> Begegnung mit potenziellen Problemen </h3>

& nbsp; & nbsp; & nbsp; & nbsp; Einige Branchen-Insider sind der Ansicht, dass Google nach einem langfristigen Monopol auf den Internet-Such- und Werbemarkt zurückgehen könnte. ... Gleichzeitig wurden die jüngsten neuen Pläne wie die Open Mobile Alliance, die universelle Plattform der Social -Networking -Website openSocial und die mögliche Investition von Milliarden von Dollar in die Bieten für das drahtlose Frequenzband in Frage gestellt.

<h3> wird weiterhin die Suche </h3> monopolisieren

& nbsp; & nbsp; & nbsp; & nbsp; Neue Artikel sagen, dass die Menschen, wenn bessere Suchmaschinen auftreten, Google ohne zu zögern aufgeben. Aber selbst wenn es wirklich bessere Suchmaschinen gibt, kann Google für eine Weile immer noch fest sein. ... In diesem Fall wird die Geschwindigkeit der Website häufig zum Schlüssel zum Ergebnis.

</body>

</html>

Geben Sie http: //localhost/font_h.htm in der Browseradressleiste ein, und der Browsing -Effekt ist in Abbildung 4.11 dargestellt.

Abbildung 4.11 Titeleinstellungen

4.2.9 Lernen Sie, Sonderzeichen auf Webseiten zu verarbeiten

In HTML haben einige Zeichen spezielle Bedeutungen, wie <und> die linken und engen Klammern des Tags, während das Tag die Anzeige von HTML steuert. Das Tag selbst kann nur vom Browser analysiert werden und kann nicht auf der Seite angezeigt werden. Wie zeigt ich in HTML <und> an? HTML gibt die Möglichkeit an, einige Sonderzeichen zu schreiben, die auf Webseiten angezeigt werden sollen, wie in Tabelle 4.1 gezeigt.

Tabelle 4.1 Sonderzeichen in HTML

Besondere Symbole

HTML -Code

Besondere Symbole

HTML -Code

& lt;

™ (Markensymbol)

&Handel;

& gt;

® (Registersymbol)

& reg;

(Halbbreite auf Englisch)

& quot;

&mal;

&Sekte;

&Kopie;

Erstellen Sie eine Webseitendatei im Verzeichnis d:/ web/ namens String.htm und schreiben Sie den in Code 4.12 gezeigten String.htm -Code.

Code 4.12 Einstellungen von Sonderzeichen: String.htm

<html>

<kopf>

<title> Einstellungen von Sonderzeichen </title>

</head>

<body>

<Schriftgröße = 5>

So zeigen Sie Tags an: & lt; html & gt;

So zeigen Sie Zitate an: "English Half-Width Double Quotes"

Markenanzeigemethode: & Trade;

So zeigen Sie Registrierungssymbole an: & reg;

So zeigen Sie Copyright -Symbole an: & kopieren

Show & sect;

Show & Zeiten;

</body>

</html>

Geben Sie http: //localhost/string.htm in die Browser -Adressleiste ein, und der Browsing -Effekt ist in Abbildung 4.12 dargestellt.

Abbildung 4.12 Einstellungen von Sonderzeichen

- Beschreibung: Die Symbole müssen separat angezeigt und mit Code & amp; verwendet werden.

4.2.10 So ignorieren Sie bequemer die Browser -Parsen einiger HTML

Wenn Sie ein HTML -Code -Beispiel erstellen, das diesem Buch auf einer Webseite ähnelt, müssen Sie möglicherweise alle <und> in & lt umwandeln. Und es wird schwieriger erscheinen. <Pleenext> und <xmp> </xmp> im HTML -Code können dieses Problem leicht lösen.

<plaintext> ist ein einzelnes Tag. Wenn es in den HTML -Code eingefügt wird, sind alle HTML -Tags, nachdem er ungültig ist. Das heißt, der Browser analysiert nicht alle HTML -Tags nach <PlainText> und zeigt sie direkt auf der Seite an.

<xmp> </xmp> ist ein Doppel -Tag, das nur die Tags in dem von ihm enthaltenden Inhalt ungültig macht, und die Verwendung von <xmp> </xmp> ist häufiger. Erstellen Sie eine Webseitendatei im D:/ Web/ -Verzeichnis mit dem Namen html.htm und schreiben Sie den Code wie in Code 4.13 gezeigt.

Code 4.13 Ignorieren Sie die Einstellungen von Tags: html.htm

<html>

<kopf>

<titels> Ignorieren Sie die Einstellungen von Tags </title>

</head>

<body>

<h2> qinyuanchun · changsha </h2>

<xmp> unabhängig vom kalten Herbst, Gehen Sie im Norden des Xiangjiang -Flusses , dem Kopf der Orange Island. schauen Sie sich die roten Berge und die Wälder gefärbt; Der Fluss ist grün und klar, und Hunderte von Booten kämpfen um die Strömung. </xmp>

Eagles schlagen den Himmel aus, Fische schwimmen im flachen Boden, und alle Arten von Arten konkurrieren um die Freiheit am Frosthimmel. Wenn ich traurig über das riesige Land bin, wer ist dann für die Höhen und Tiefen verantwortlich?

Ich brachte Hunderte von Paaren zum Reisen und erinnerte mich an die vergangenen herrlichen Jahre. Klassenkameraden sind jung, in ihrer Blütezeit; Der Gelehrte ist voller Begeisterung und Mut. Erzählen Sie dem Land und inspirieren Sie Worte, Der Dünger des Drecks war damals zehntausend Haushalte. Haben Sie sich jemals daran erinnert, dass die Wellen beim Schlagen des Wassers in der Mitte aufhören, Boote zu fliegen!

</body>

</html>

Geben Sie http: //localhost/string.htm in die Browseradressleiste ein, und der Browsing -Effekt ist in Abbildung 4.13 dargestellt.

Abbildung 4.13 Ignorieren Sie die Einstellungen von Tags

4.2.11 Andere Textänderungsmethoden

Um die Bedürfnisse verschiedener Felder zu erfüllen, verfügt HTML über andere Tags, die den Text ändern. Die am häufigsten verwendeten sind das Superscript -Format und die Bezeichnungen für ein Indexformat. In einigen Fällen müssen Sie sogar den Lösch-Effekt verwenden und das HTML-Mid-Shicing-Tag verwenden.

- Das Superscript -Format -Tag ist Double Tag , das hauptsächlich zur Darstellung mathematischer Exponenten wie dem quadratischen oder kubischen Messgerät einer bestimmten Zahl verwendet wird.

- Die Einschlussformatbezeichnung ist eine Doppelbezeichnung , die hauptsächlich für Annotation und mathematische grundlegende Darstellung verwendet wird.

-Das Mid-Score-Etikett ist Double Label <Sreibe> </Strike>, das hauptsächlich für Löschungseffekte verwendet wird.

Erstellen Sie eine Web -Datei im d:/ web/ verzeichnis namens other.htm und schreiben Sie den Code wie in Code 4.14 gezeigt.

Code 4.14 Weitere Einstellungen für Änderungen Tag: other.htm

<html>

<kopf>

<title> Andere Einstellungen zum Ändern von Tags </title>

</head>

<body>

<Schriftgröße = 5>

Qinyuanchun changsha !

Darstellung des mathematischen Index: 2 3 = 8, 100 2 = 10000 <hr />

Qinyuanchun Changsha !

Darstellung mathematischer Grundzahlen: log 3 81 = 4, log 5 125 = 3 <hr />

Löschungseffekt: <Sreibe> Ich wurde gelöscht </Strike>

</body>

</html>

Geben Sie http: //localhost/other.htm in die Browser -Adressleiste ein, und der Browsing -Effekt ist in Abbildung 4.14 dargestellt.

Abbildung 4.14 Einstellungen anderer Modifikations -Tags