HTML Schriften


Advertisements

Schriften spielen eine wichtige Rolle bei der Herstellung eine Website noch benutzerfreundlicher und steigendem Gehalt Lesbarkeit. Schriftart und Farbe hängt ganz von der Computer und Browser, die verwendet wird, um Ihre Seite zu sehen, aber Sie kann verwendet HTML <font> -Tag, um hinzufügen Stil, Größe und Farbe zu die Text auf Ihre Webseite . Sie können verwendet ein <basefont> -Tag zu setzen, alle Ihre Text zu die gleiche Größe, Gesicht und Farbe.

Die Schrift-Tag wird haben drei Attribute genanntsize, color, und face um besonders anfertigen ihre Schriftarten. Zum Ändern der jeder auf die Schriftattribute zu jeder Zeit innerhalb Ihrer Webseite, nutzen Sie einfach das<Schrift> tag. Der Text dass folgende werden bleiben geändert, bis Sie Schließen mit der</Schrift> tag. Sie können Änderung eine oder alle der Schriftattribute innerhalb eines <Schrift> tag.

Hinweis: Die Schrift und basefont-Tags sind veraltet und es soll in einer zukünftigen Version von HTML entfernt werden. So sollten sie nicht eher verwendet werden, ist es empfohlen, CSS-Stile verwenden, um Ihre Schriften zu manipulieren. Aber immer noch für das Lernen Zweck dieses Kapitel Schriftart und basefont-Tags im Detail zu erklären.

Stellen Sie Schriftgröße

Sie können Inhalte Schriftgröße mit size Attribut. Die Palette der akzeptierten Werte von 1 (kleinste) bis 7 (am größten). Die Standardgröße einer Schriftart ist 3.

Beispiel

<!DOCTYPE html>
<html>
<head>
<title>Setting 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>

Dies wird folgendes Ergebnis produzieren:

Font size="1"
Font size="2"
Font size="3"
Font size="4"
Font size="5"
Font size="6"
Font size="7"

Relative Schriftgröße

Sie können angeben wie viele Größen größer oder wie viele Größen kleiner ist als die voreingestellten Schriftgröße sollte sein. Sie können es wie angeben <font size="+n"> or <font size="-n">

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>

Dies wird folgendes Ergebnis produzieren:

Font size="-1"
Font size="+1"
Font size="+2"
Font size="+3"
Font size="+4"

Einstellung Schriftart Gesicht

Sie können Schriftart Gesicht gesetzt mit Gesicht Attribut aber bewusst sein, dass, wenn der Benutzer die Seite anzeigen muss nicht die Schrift installiert, werden sie nicht in der Lage, es zu sehen. Stattdessen Benutzer sieht die Standard-Schriftart für den Computer des Benutzers.

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>

Dies wird folgendes Ergebnis produzieren:

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

Geben Sie alternative Schriftschnitte

Ein Besucher wird nur in der Lage, Ihre Schrift zu sehen, wenn sie haben, dass Schrift auf ihrem Computer installiert sein. So ist es möglich, zwei oder mehr Alternativen Schriftart durch die Auflistung der Schriftart Namen, getrennt durch ein Komma anzugeben.

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

Wenn Ihre Seite geladen wird, werden ihre Browser die erste Schriftart Gesicht verfügbar angezeigt. Wenn keine der angegebenen Schriftarten Gesicht installiert sind, dann wird es werden angezeigt Standard-Schriftart Gesicht Times New Roman.

Hinweis: Überprüfen Sie die komplette Liste derHTML Standard Schriftarten.

Einstellung Schriftfarbe

Sie können jede Schriftart Farbe, die Sie wie mit gesetzt.Farbe -Attribut. Sie können die Farbe, die Sie entweder durch den Farbnamen oder Hexadezimal-Code für diese Farbe soll.

Hinweis: Sie können eine vollständige Liste der HTML Farbnamen mit Codes überprüfen..

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>

Dies wird folgendes Ergebnis produzieren::

This text is in pink
This text is red

Die <basefont> Elemente:

Die <basefont> Element soll eine Standard-Schriftgröße, Farbe und Schriftart für alle Teile des Dokumentes, die sonst nicht in einem & lt enthalten sind gesetzt; <Schrift > tag. Sie können die Verwendung <Schrift> Elemente, um die zu überschreiben<basefont> Einstellungen.

Die <basefont> Tag auch nimmt Farbe, Größe und Gesicht Attribute und es wird unterstützen relativ Schriftart Einstellung durch geben einen Wert von +1 für eine Nummer größer oder -2 für zwei Nummern größe kleiner.

Beispiel

<!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>
<p><font size="+2" color="darkgray">
This is darkgray text with two sizes larger
</font></p>
<p><font face="courier" size="-1" color="#000000">
It is a courier font, a size smaller and black in color.
</font></p>
</body>
</html>

Dies wird folgendes Ergebnis produzieren

This is the page's default font.

Example of the <basefont> Element

This is darkgray text with two sizes larger

It is a courier font, a size smaller and black in color.

Advertisements