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änderungIm 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 - <Font>Das grundlegende Tag zum Einstellen von Schriftarten ist <Font> </font>, und der darin enthaltene Text ist der Stil -Aktionsbereich. Beim Schreiben von HTML -Code für Anfänger kann <font> </font> durch mehrere Quellen leicht verschachtelt, z. Eine andere Situation ist die Verschachtelung von Fehlausrichtungen, wie <font> <p> text </font> </p>. 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 festFarbe ist eines der Attribute des <font> </font> 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: <font color =#dd0000> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Crimson Text: <font color =#660000> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Hellgrüner Text: <font color =#00DD00> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Dunkelgrüner Text: <font color =#006600> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Hellblauer Text: <font color =#0000dd> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Dunkelblauer Text: <font color =#000066> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Hellgelbte Text: <font color =#dddd00> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Dunkelgelber Text: <Schriftart Color =#666600> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Leichter Cyan Text: <font color =#00dddd> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Dunkelblauer Text: <font color =#006666> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Leichter lila Text: <font color =#dd00dd> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
Deep Purple Text: <font color =#660066> Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte < /font> <br />
</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 festDie Größe ist auch eine Eigenschaft des < -font> </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 < /font> <br />
Größe ist 2: <Schriftgröße = 2> HTML -Lernen < /font> <br />
Größe ist 3: <Schriftgröße = 3> HTML -Lernen < /font> <br />
Größe ist 4: <Schriftgröße = 4> HTML -Lernen < /font> <br />
Größe ist 5: <Schriftgröße = 5> HTML -Lernen < /font> <br />
Größe ist 6: <Schriftgröße = 6> HTML -Lernen < /font> <br />
Größe ist 7: <Schriftgröße = 7> HTML -Lernen < /font> <br />
</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 festDas Gesicht ist auch eine Eigenschaft des < -font> </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: <font size = 5> qinyuanchun · changsha-mao zedong < /font> <br />
Die Schrift ist in Kaishi: <Schriftgröße = 5> Qinyuanchun · Changsha-Mao Zedong < /font> <br />
Die Schriftart ist fett: <Schriftgröße = 5> Qinyuanchun · Changsha-Mao Zedong < /font> <br />
Die Schrift ist lishu: <font size = 5> qinyuanchun · changsha-mao zedong </font>
</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 neigenMithilfe von Doppel -Tags <i> </i> kann der zu angewandte Text neigen und Spezialeffekte wie das Datum des Artikels erreichen. <em> </em> wird als Betonungs -Tag bezeichnet und kursiv. Es wird derzeit häufiger als <i> </i> Tags verwendet. Die Schreibmethode lautet wie folgt:
<i> Das ist kursiver Text </i>
<em> Dies ist auch kursiv </em>
4.2.6 Machen Sie Text fettMithilfe von Doppel-Tags <b> </b> kann der angewandte Text fett werden, wodurch der Text auffälliger wird, z. B. den Titelteil des Artikels. <strong> </strong> wird als besonderer Schwerpunkt auf Etiketten bezeichnet und ist auch mutig im Text. Es wird derzeit häufiger verwendet als <b> </b> Tags. Die Schreibmethode lautet wie folgt:
<b> Dies ist fettem Text </b>
<strong> Dies ist auch mutiger Text </strong>
4.2.7 Unterstreichen Sie den TextVerwenden Sie Doppel -Tags <U> </u>, 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>
<font size = 5> kursiv: <em> qinyuanchun · changsha-mao zedong < /em> <br />
Fett: <strong> Qinyuanchun · Changsha-mao Zedong < /strong> <br />
Unterstreich: <U> Qinyuanchun · Changsha-mao Zedong < /u> <br />
ITALIC BOLD UNTERSTELLUNG: <em> <strong> <u> Qinyuanchun · Changsha-mao Zedong </u> </strong> </em> </font>
</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 TitelstileIn 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>
<p> & 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
<p> & 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. </p>
</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 verarbeitenIn 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;
© (Copyright -Symbol)
&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; <br />
So zeigen Sie Zitate an: "English Half-Width Double Quotes" <BR />
Markenanzeigemethode: & Trade; <br />
So zeigen Sie Registrierungssymbole an: & reg; <br />
So zeigen Sie Copyright -Symbole an: & kopieren <br />
Show & sect; <br />
Show & Zeiten;
</font>
</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 HTMLWenn 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, <strong> Gehen Sie im Norden des Xiangjiang -Flusses </strong>, dem Kopf der Orange Island. <br /> schauen Sie sich die roten Berge und die Wälder gefärbt; <br /> Der Fluss ist grün und klar, und Hunderte von Booten kämpfen um die Strömung. </u> <br/> </xmp>
Eagles schlagen den Himmel aus, Fische schwimmen im flachen Boden, und alle Arten von Arten konkurrieren um die Freiheit am Frosthimmel. <br /> Wenn ich traurig über das riesige Land bin, wer ist dann für die Höhen und Tiefen verantwortlich? <br />
<Pleenext>
Ich brachte Hunderte von Paaren zum Reisen und erinnerte mich an die vergangenen herrlichen Jahre. <br /> Klassenkameraden sind jung, in ihrer Blütezeit; <br /> Der Gelehrte ist voller Begeisterung und Mut. <br /> Erzählen Sie dem Land und inspirieren Sie Worte, <br /> Der Dünger des Drecks war damals zehntausend Haushalte. <br /> 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änderungsmethodenUm 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 <Sup> </sup>, das hauptsächlich zur Darstellung mathematischer Exponenten wie dem quadratischen oder kubischen Messgerät einer bestimmten Zahl verwendet wird.
- Die Einschlussformatbezeichnung ist eine Doppelbezeichnung <sub> </sub>, 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 <sup> changsha </sup>! <br />
Darstellung des mathematischen Index: 2 <sup> 3 < /sup> = 8, 100 <Sup> 2 < /sup> = 10000 <br /> <hr />
Qinyuanchun <Sub> Changsha </sub>! <br />
Darstellung mathematischer Grundzahlen: log <Sub> 3 < /sub> 81 = 4, log <sub> 5 < /sub> 125 = 3 <br /> <hr />
Löschungseffekt: <Sreibe> Ich wurde gelöscht </Strike>
</font>
</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