Heim >Web-Frontend >HTML-Tutorial >HTML-Schriftarten
HTML-Schriftarten
- WBOYOriginal
- 2024-09-04 16:14:25764Durchsuche
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
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>
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">
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>
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 /> <font face = "Bedrock" size = "5">Bedrock</font><br /> </body> </html>
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">
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>
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 <basefont> Element</h2> </body> </html>
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!