HTML-Schriftarten-HTML-Tutorial-php.cn

HTML-Schriftarten

WBOY

Freigeben： 2024-09-04 16:14:25

Original

788 Leute haben es durchsucht

Der folgende Artikel, HTML-Schriftstile, bietet einen Überblick über die am häufigsten verwendeten Schriftarten in HTML. HTML, im Volksmund als HyperText Markup Language bekannt, ist eine der wichtigsten und wichtigsten Sprachen oder Skripte, die für die Erstellung von Webanwendungen und Websites unerlässlich sind. Dies ist sozusagen das Rückgrat der Web-App-Entwicklung, da alle Tags und anderen Funktionen die zugrunde liegende Komponente bilden.

Die gesamte Frontend-Entwicklung basiert ebenfalls auf HTML-Scripting. Dies kann lediglich zur Bereitstellung von Markup-Tags verwendet werden. Um das Erscheinungsbild dieser Tags zu verbessern, verfügen wir über eine weitere sehr beliebte Bibliothek: CSS, was für Cascading Style Sheets steht. Damit können alle Arten von Stilen implementiert werden, die vom HTML benötigt werden. Die Schriftart und die Stile bilden den Hauptteil der Website, und in diesem Artikel stellen wir Ihnen eine Liste der meisten HTML-Schriftstile zur Verfügung.

HTML-Schriftstile

Schriftarten spielen eine wichtige Rolle dabei, eine Website benutzerfreundlicher zu machen und mehr Traffic anzuziehen, abgesehen davon, dass sie die Lesbarkeit von Inhalten verbessern. Die Schriftfarbe und das Schriftbild hängen auch von dem Computer und dem Browser ab, der sie verwendet, und der HTML-Code Das Tag wird auch verwendet, um dem Text auf Ihrer Website Stil, Farbe und Größe hinzuzufügen.

Der Das Tag wird verwendet, um den gesamten Text festzulegen, der auf Ihrer Website oder im

-Tag vorhanden ist. Element auf die gleiche Größe, Farbe und Fläche bringen. Das Schriftart-Tag besteht aus drei Attributen: Gesichtsfarbe und -größe, die wiederum eine entscheidende Komponente der verschiedenen Schriftarten auf der Website bilden.

Die Das Tag ist das am häufigsten verwendete und eines der wichtigsten Tags, mit dem Sie Ihrer Webseite ein gutes Erscheinungsbild verleihen können. Der Text, der dem geöffneten folgt Das Tag bleibt auf die gleiche Weise bestehen, bis es durch geschlossen wird. Tag.

Sehen wir uns einige der grundlegenden HTML-Schriftstile an:

Mit HTML-Schriftstilen sind einige grundlegende Funktionen und Merkmale verbunden, und zwar:

1. Schriftgröße einstellen

Die Schriftgröße des Inhalts kann mithilfe von Größenattributen festgelegt werden. Der akzeptierte Wert des Bereichs reicht von 1, der kleinsten Zahl, bis 7, der größten Zahl. Die Standardgröße aller Schriftarten ist 3.

Beispiel,

<!DOCTYPE html>
<html>
<head>
<title>Setting Basic Font Size</title>
</head>
<body>
<font size = "1">Font size = "1"</font><br />
<font size = "2">Font size = "2"</font><br />
<font size = "3">Font size = "3"</font><br />
<font size = "4">Font size = "4"</font><br />
<font size = "5">Font size = "5"</font><br />
<font size = "6">Font size = "6"</font><br />
<font size = "7">Font size = "7"</font>
</body>
</html>

Nach dem Login kopieren

2. Relative Schriftgröße

Anhand der relativen Schriftgröße wird ermittelt und angegeben, wie viele Größen größer und wie viele Größen kleiner sind als die aktuell tatsächlich vorhandene Schriftgröße. Dies kann wie folgt angegeben werden:

<font size = "+f"> or by writing <font size = "−f">

Nach dem Login kopieren

Beispiel,

<!DOCTYPE html>
<html>
<head>
<title>Relative Font Size</title>
</head>
<body>
<font size = "-1">Font size = "-1"</font><br />
<font size = "+1">Font size = "+1"</font><br />
<font size = "+2">Font size = "+2"</font><br />
<font size = "+3">Font size = "+3"</font><br />
<font size = "+4">Font size = "+4"</font>
</body>
</html>

Nach dem Login kopieren

3. Schriftart einstellen

Die andere Kategorie nach der Einstellung der Schriftgröße und der relativen Schriftgröße ist die Einrichtung der Schriftart. Dies ist ein entscheidender Teil der oben aufgeführten Attribute. Dies kann mithilfe des Gesichtsattributs festgelegt werden. Beachten Sie jedoch immer, dass der Benutzer, der diesen Schriftartwert verwenden soll, diese Schriftart nicht in seinem System installiert hat und sie nicht sehen kann. Stattdessen wird nur die Standardschriftart angezeigt, die für den Computer des jeweiligen Benutzers gilt.

Beispiel,

<!DOCTYPE html>
<html>
<head>
<title>Font Face</title>
</head>
<body>
<font face = "Times New Roman" size = "5">Times New Roman</font><br />
<font face = "Verdana" size = "5">Verdana</font><br />
<font face = "Comic sans MS" size =" 5">Comic Sans MS</font><br />
<font face = "WildWest" size = "5">WildWest</font><br /&gt
<font face = "Bedrock" size = "5">Bedrock</font><br />
</body>
</html>

Nach dem Login kopieren

4. Geben Sie alternative Schriftarten an

Dies wird nur dann verwendet, um verschiedene Arten von Schriftarten anzugeben, wenn der Benutzer diese bestimmte Schriftart auf seinem System installiert hat; Andernfalls wird eine standardmäßig installierte Schriftart angezeigt. Es ist möglich, mehr als eine, insbesondere zwei oder mehr als zwei Schriftartalternativen zu erwähnen, indem die Namen der Schriftarten aufgelistet werden, die ausdrücklich durch ein Komma getrennt sind.
Wenn die Webseite geladen wird, ist der Browser dafür verantwortlich, die erste Schriftart anzuzeigen, die generiert wird. Wenn keine der bereitgestellten Schriftarten im System installiert ist, wird die Standardschriftart Times New Roman erfolgreich angezeigt.

Beispiel,

<font face = "arial,helvetica">
<font face = "Lucida Calligraphy,Comic Sans MS,Lucida Console">

Nach dem Login kopieren

5. Schriftfarbe festlegen

Dies ist ein weiteres Attribut, das den kritischen Teil und die Komponente der HTML-Schriftarten- und Stilliste bildet. In dieser Schriftart wird die Farbe mithilfe eines beliebigen Farbattributs festgelegt. Die erforderliche Farbe kann mithilfe eines Hexadezimalcodes und eines Farbnamens für die angegebene Farbe angegeben werden.

Beispiel,

<!DOCTYPE html>
<html>
<head>
<title>Setting Font Color</title>
</head>
<body>
<font color = "#FF00FF">This text is in pink</font><br />
<font color = "red">This text is red</font>
</body>
</html>
<basefont>

Nach dem Login kopieren

6. Element

This element is specific to HTML language and is supposed to provide the webpage with a default font size, typeface, and color for all the parts and components of the documents which are not contained inside the tag.

The tag could be easily used to override the settings.

This tag also makes use of color, face and size attributes which will relatively support all the font settings by providing the size of a value of +1 for one size greater or -2 for two sizes smaller.

Example,

<!DOCTYPE html>
<html>
<head>
<title>Setting Basefont Color</title>
</head>
<body>
<basefont face = "arial, verdana, sans-serif" size = "2" color = "#ff0000">
<p>This is the page's default font.</p>
<h2>Example of the &lt;basefont&gt; Element</h2>
</body>
</html>

Nach dem Login kopieren

Conclusion

HTML font and styles are among the most critical components and features that cannot be overlooked and can give a very good shape and design to your website. When we talk about the latest javascript libraries available in the market, they contain all these and several other font and styles. For the basic HTML, this still needs to be done manually. I hope you liked our article. Stay tuned to our blog for more articles like these.

Das obige ist der detaillierte Inhalt vonHTML-Schriftarten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!