Einführung in HTML-Schriftarten
Der folgende Artikel, HTML-Schriftstile, enthält eine Übersicht über die am häufigsten verwendeten Schriftstile in HTML. HTML, im Volksmund als HyperText Markup Language bekannt, ist eine der wichtigsten und kritischsten Sprachen oder Skripte, die für die Erstellung von Webanwendungen und Websites von entscheidender Bedeutung sind. Dies ist wie das Rückgrat der Web-App-Entwicklung, da alle Tags und andere Funktionen die zugrunde liegende Komponente bilden.
Die gesamte Front-End-Entwicklung basiert ebenfalls auf HTML-Skripten. Dies kann nur verwendet werden, um Markup-Tags bereitzustellen. Um das Erscheinungsbild dieser Tags zu verbessern, haben wir eine weitere sehr beliebte Bibliothek, CSS, die für Cascading Style Sheets steht. Dies kann verwendet werden, um alle Arten von Stilen zu implementieren, die für HTML erforderlich sind. Die Schriftarten und Stile bilden den Hauptteil der Website. In diesem Artikel stellen wir Ihnen eine Liste der meisten HTML-Schriftarten zur Verfügung.
HTML-Schriftstile:
Schriftarten spielen eine sehr wichtige Rolle bei der Verbesserung der Benutzerfreundlichkeit einer Website, die neben einer besseren Lesbarkeit des Inhalts auch mehr Besucher anzieht. Die Schriftfarbe und das Schriftbild hängen auch vom Computer und dem verwendeten Browser ab, und das HTML-Tag wird auch verwendet, um dem Text auf Ihrer Website den Stil, die Farbe und die Größe hinzuzufügen.
Das Tag wird verwendet, um den gesamten Text, der auf Ihrer Website oder innerhalb des Elements vorhanden ist, auf die gleiche Größe, Farbe und Fläche festzulegen. Das Font-Tag besteht aus den drei Attributen Schriftfarbe und Schriftgröße, die wiederum einen wichtigen Bestandteil der verschiedenen Schriftstile auf der Website darstellen.
Das Tag ist das am häufigsten verwendete und eines der wichtigsten Tags, mit denen Sie ein gutes Erscheinungsbild für Ihre Webseite erstellen können. Der Text, der auf das geöffnete Tag folgt, bleibt auf die gleiche Weise erhalten, sofern und bis er durch das Tag geschlossen wird.
Sehen wir uns einige der grundlegenden HTML-Schriftarten an:
Es gibt einige grundlegende Funktionen und Merkmale, die mit HTML-Schriftstilen verbunden sind, und diese sind:
1) Einstellen der Schriftgröße:
Die Schriftgröße des Inhalts kann mithilfe von Größenattributen festgelegt werden. Der akzeptierte Wert des Bereichs liegt zwischen 1 und 7. Die Standardgröße für jeden Schrifttyp ist 3.
Beispiel,
Setting Basic Font Size
Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"
2) Relative Schriftgröße:
Die relative Schriftgröße wird verwendet, um zu bestimmen und anzugeben, wie viele Größen größer und wie viele kleiner als die aktuelle tatsächlich vorhandene Schriftgröße sind. Dies kann wie folgt angegeben werden:
or by writing
Beispiel,
Relative Font Size
Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"
3) Einstellen der Schriftart:
Die andere Kategorie nach dem Einstellen der Schriftgröße und der relativen Schriftgröße ist das Einstellen der Schriftgröße. Dies ist ein kritischer Bestandteil der oben aufgeführten Attribute. Dies kann durch Verwendung des Attributs face festgelegt werden. Es sollte jedoch immer beachtet werden, dass der Benutzer, der diesen Schriftartenwert verwenden soll, diese Schrift nicht in seinem System installiert hat, sie nicht sehen kann . Stattdessen wird nur die Standardschriftart angezeigt, die für den Computer des jeweiligen Benutzers gilt.
Beispiel,
Font Face
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
4) Geben Sie alternative Schriftarten an:
- Dies wird nur 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 Schriftartenalternativen zu erwähnen, indem die durch Komma getrennten Schriftarten aufgelistet werden.
- 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,
5) Einstellen der Schriftfarbe:
Dies ist ein weiteres Attribut, das den kritischen Teil und die entscheidende Komponente der HTML-Liste für Schriftarten und Stile bildet. In dieser Schriftart wird die Farbe unter Verwendung eines beliebigen Farbattributs festgelegt. Die erforderliche Farbe kann unter Verwendung des Hexadezimalcodes und des Farbnamens für die angegebene Farbe festgelegt werden.
Beispiel,
Setting Font Color
This text is in pink
This text is red
6) Element:
- Dieses Element ist spezifisch für die HTML-Sprache und soll der Webseite eine Standardschriftgröße, -schriftart und -farbe für alle Teile und Komponenten der Dokumente bereitstellen, die nicht im Tag enthalten sind.
- Das Tag kann einfach zum Überschreiben der Einstellungen verwendet werden.
- Dieses Tag verwendet auch Farb-, Gesichts- und Größenattribute, die alle Schrifteinstellungen relativ unterstützen, indem die Größe eines Werts von +1 für eine Größe größer oder -2 für zwei Größen kleiner angegeben wird.
Beispiele:
Setting Basefont Color
Dies ist die Standardschriftart der Seite.
Beispiel des Elements
Fazit-
HTML-Schriftarten und -Stile sind eine der wichtigsten Komponenten und Funktionen, die nicht übersehen werden können und Ihrer Website eine sehr gute Form und Gestaltung verleihen. Wenn wir über die neuesten Javascript-Bibliotheken sprechen, die auf dem Markt erhältlich sind, enthalten sie alle diese und einige andere Schriftarten und Stile. Für das grundlegende HTML muss dies noch manuell erfolgen. Ich hoffe, Ihnen hat unser Artikel gefallen. Weitere Artikel wie diese finden Sie in unserem Blog.
Empfohlene Artikel
Dies war ein Leitfaden für HTML-Schriftstile. Hier haben wir die Einführung und eine detaillierte Erklärung einiger grundlegender Schriftarten des HTML mit Beispielen besprochen. Sie können auch unsere anderen Artikelvorschläge durchgehen, um mehr zu erfahren -
- HTML-Stylesheets
- HTML-Attribute
- Wie funktioniert HTML?
- HTML-Listenstile
- HTML-Blöcke