HTML (HyperText Markup Language) ist die primäre Sprache zum Erstellen von Webseiten. Es ermöglicht Ihnen, Text zu gestalten, Bilder hinzuzufügen, eine Vielzahl von Hyperlinks zu erstellen und vieles mehr. Einer der wichtigsten Aspekte beim Erstellen von Webseiten ist die Auswahl einer geeigneten Schriftart.
CSS (Cascading Style Sheets) ist eine Stilsprache, die verwendet wird, um das Aussehen eines in HTML geschriebenen Dokuments zu beschreiben. Es ermöglicht Ihnen, verschiedene Texteigenschaften festzulegen, einschließlich Schriftart, Farbe, Größe usw. Das Ändern der Schriftart in einem HTML-Dokument mit CSS ist ein ziemlich einfacher und leicht zu erlernender Prozess.
Es ist wichtig, sich daran zu erinnern, dass Webseiten, die mit HTML und CSS erstellt wurden, im Browser des Benutzers angezeigt werden. Daher sollte die Auswahl einer geeigneten Schriftart die möglichen Einschränkungen von Browsern und Betriebssystemen berücksichtigen.
Beachten Sie beim Ändern der Schriftart in HTML und CSS, dass bestimmte Schriftfamilien und Schriftarten auf verschiedenen Betriebssystemen und Browsern unterschiedlich angezeigt werden können. Daher wird empfohlen, die am häufigsten unterstützten Schriftfamilien wie Arial, Times New Roman, Verdana usw. zu verwenden.
Um die Schriftart in HTML mithilfe von CSS zu ändern, müssen Sie die font-family-Eigenschaft verwenden. Mit dieser Eigenschaft können Sie dem Webbrowser eine Liste der Schriftarten angeben, die für ein bestimmtes Element oder eine Gruppe von Elementen verwendet werden sollen. Wenn der Benutzer nicht die erste Schriftart in der Liste installiert hat, versucht der Browser, die nächste in der Liste angegebene Schriftart zu verwenden.
Was ist eine Schriftart und wie funktioniert sie
Die Arbeit mit Webseiten-Schriftarten erfolgt mit HTML und CSS. HTML definiert die Struktur des Dokuments, einschließlich des Textinhalts, und CSS legt Regeln für die Anzeige dieses Inhalts fest, einschließlich Schriftart, Größe und Stil.
Webentwickler können Schriftarten aus vordefinierten Sets auswählen, die als Systemschriftarten bezeichnet werden, oder benutzerdefinierte Schriftarten verwenden, die mit speziellen Diensten oder Dateien heruntergeladen werden. Systemschriftarten sind normalerweise auf allen Geräten verfügbar, während benutzerdefinierte Schriftarten zusätzlichen Aufwand erfordern, um sie auf dem Server herunterzuladen und zu installieren.
Sie können die Tags "font" und "style" verwenden, um die Schriftart in HTML zu ändern. Mit dem "font" -Tag können Sie eine Schriftart, ihre Größe, Farbe und andere Eigenschaften festlegen, und mit dem "style" -Tag können Sie CSS-Regeln anwenden, um die Schriftart zu ändern.
CSS verwendet verschiedene Eigenschaften, wie "font-family", um eine Schriftart auszuwählen, "font-size", um die Schriftgröße festzulegen, und "font-style", um den Schriftstil zu ändern (z. B. fett oder kursiv). Sie können auch die Eigenschaft "color" verwenden, um die Farbe des Textes zu ändern.
Schriftarten spielen eine wichtige Rolle im Webdesign, da sie dazu beitragen, ein einzigartiges und attraktives Erscheinungsbild einer Webseite zu schaffen. Die Auswahl der richtigen Schriftart und die Anpassung in HTML und CSS können dazu beitragen, die Wahrnehmung und das Verständnis von Text zu verbessern, sie lesbarer und für Benutzer interessanter zu machen.
Schriftarten in HTML: grundlegende Tags und Attribute
Schriftarten spielen eine wichtige Rolle bei der visuellen Gestaltung von Webseiten. Es gibt einige grundlegende Tags und Attribute in HTML, mit denen Sie Schriftarten ändern können.
Das Tag wird verwendet, um Überschriften auf höchster Ebene zu erstellen und hat normalerweise die größte Schriftart. Es kann nur einmal pro Seite verwendet werden.
Das Tag wird verwendet, um Titel der zweiten Ebene zu erstellen, und hat normalerweise eine etwas kleinere Schriftart als die . Es kann mehrmals auf einer Seite verwendet werden.
Das Tag wird verwendet, um Titel der dritten Ebene zu erstellen, und hat normalerweise eine noch kleinere Schriftart als die . Es kann auch mehrmals auf einer Seite verwendet werden.
Kennung
wird verwendet, um einen Textabsatz anzugeben. Standardmäßig hat es eine bestimmte Schriftart, die mit CSS geändert werden kann.
-
,
und
werden verwendet, um Listen mit Aufzählungszeichen und nummerierten Listen zu erstellen. Die Schriftart in diesen Listen kann mit CSS geändert werden.
Mit dem style-Attribut können Sie Stile direkt im Tag festlegen. Durch dieses Attribut können Sie die Schriftart ändern, indem Sie ihre Größe, Farbe und andere Merkmale angeben.
Mit diesen Tags und Attributen können Sie die Schriftarten auf einer Webseite einfach ändern und ihr das gewünschte Aussehen verleihen.
Ändern der Schriftart mit CSS
Es gibt mehrere Möglichkeiten, die Schriftart mit CSS zu ändern. Sie können beispielsweise eine Schriftart für das gesamte Dokument festlegen oder sie auf ein bestimmtes Element anwenden.
Um die Schriftart für das gesamte Dokument zu ändern, können Sie die font-family-Eigenschaft im globalen Selektor verwenden:
Dieser Code legt die Schriftart Arial für den gesamten Text im Hauptteil des Dokuments fest. Wenn Arial nicht verfügbar ist, verwendet der Browser eine andere sans-Serif-Schriftart.
Wenn Sie die Schriftart nur für ein bestimmtes Element ändern möchten, können Sie dessen Selektor verwenden. Wenn Sie beispielsweise die Schriftart der Kopfzeile der ersten Ebene ändern möchten, können Sie den h1-Selektor verwenden :
- h1
- font-family: "Times New Roman", serif;
Dadurch wird die Schriftart Times New Roman für alle Titel der ersten Ebene auf der Seite festgelegt.
Alternativ können Sie andere CSS-Eigenschaften wie font-size und font-weight verwenden, um die Schriftgröße und -sättigung anzupassen.
Sie können beispielsweise den folgenden Code verwenden, um die Schriftgröße festzulegen:
Dadurch wird die Schriftgröße auf 16 Pixel für alle Absätze auf der Seite festgelegt.
Auf diese Weise können Sie mit CSS die Schriftart auf Ihrer Webseite leicht ändern, um das gewünschte Aussehen und die Lesbarkeit des Textes zu erhalten.
Auswählen und Hinzufügen einer neuen Schriftart zur Website
Wenn Sie Ihrer Website einen einzigartigen Stil verleihen und sie von anderen unterscheiden möchten, kann das Ändern der Schriftart ein guter Weg sein, dies zu tun.
Entscheiden Sie zuerst, welche Schriftart Sie verwenden möchten. Sie können eine Schriftart aus kostenlosen Online-Sammlungen wie Google Fonts oder Adobe Fonts auswählen oder eine benutzerdefinierte Schriftart herunterladen und auf Ihrem Server installieren.
Schritt Handlung 1 Besuchen Sie eine Website, die eine Sammlung von Schriftarten bereitstellt, z. B. Google Fonts. 2 Suchen und wählen Sie die passende Schriftart aus. 3 Klicken Sie auf die Schaltfläche Zur Sammlung hinzufügen oder ähnliches. 4 Wenn Sie alle gewünschten Schriftarten ausgewählt haben, wählen Sie die Registerkarte "Ausgewählte Schriftfamilie" aus. 5 Kopieren Sie den auf der Registerkarte bereitgestellten HTML-Code. 6 Fügen Sie den kopierten HTML-Code in einen Abschnitt Ihres HTML-Dokuments ein. Nachdem Sie der Website jetzt neue Schriftarten hinzugefügt haben, können Sie sie in CSS zum Formatieren von Text verwenden. Um beispielsweise die hinzugefügte Schriftart auf den Titel der ersten Ebene anzuwenden, können Sie den folgenden Code in Ihrem CSS verwenden:
Ersetzen Sie in diesem Code den "Schriftnamen" durch den tatsächlichen Schriftnamen, den Sie ausgewählt haben. Der Titel der ersten Ebene wird mit der ausgewählten Schriftart angezeigt.
Auf diese Weise können Sie Ihrer Website leicht eine neue Schriftart auswählen und hinzufügen, um ihr Ihre Einzigartigkeit und Ihren Stil zu verleihen.
Ändern der Schriftgröße in HTML und CSS
In HTML und CSS können Sie die Schriftgröße leicht ändern, um den Text ausdrucksvoller und lesbarer zu machen. Es gibt mehrere Möglichkeiten, dies zu tun.
Die erste Methode besteht darin, HTML-Tags zu verwenden, um die Textgröße zu ändern. Zum Beispiel können Sie ein Tag verwenden, um eine kleinere Schriftgröße zu erhalten . Sie können ein Tag verwenden, um eine größere Schriftgröße zu erhalten . Zum Beispiel:
Text mit kleiner Schrift: Sehr kleiner Text
Text mit großer Schrift: Sehr großer Text
Beachten Sie jedoch, dass die Verwendung dieser Tags als veraltet angesehen wird, und es wird empfohlen, CSS-Stile zu verwenden, um die Textgröße zu steuern.
Der zweite Weg besteht darin, CSS zu verwenden, um die Textgröße zu ändern. Zum Beispiel können Sie die Eigenschaft verwenden font-size so legen Sie die Schriftgröße fest. Der Eigenschaftswert kann in Pixeln, Prozentsätzen oder anderen Maßeinheiten angegeben werden. Zum Beispiel:
Text mit einer Schriftgröße von 150% relativ zur Grundgröße
Sie können auch relative Maßeinheiten verwenden, z. B. em oder rem. Wenn Sie beispielsweise die Schriftgröße auf zwei relative Einheiten festlegen möchten, können Sie Folgendes schreiben:
Text mit einer Schriftgröße von zwei relativen Einheiten
Schließlich können Sie die Schriftgröße auch über CSS-Klassen und IDs festlegen, um sie auf eine Vielzahl von Elementen anzuwenden. Zum Beispiel:
font-size: 20px;
Text mit installierter Large-Text-Klasse
Wie Sie sehen können, ist das Ändern der Schriftgröße in HTML und CSS ziemlich einfach und lässt sich leicht an Ihre Bedürfnisse und Vorlieben anpassen.
Ändern der Schriftfarbe in HTML und CSS
Die Schriftfarbe einer Webseite kann mit CSS angepasst werden. Sie können verschiedene Methoden verwenden, um eine Schriftfarbe zu erstellen.
Eine der einfachsten Möglichkeiten, die Schriftfarbe zu ändern, besteht darin, das color-Attribut in einem Tag zu verwenden. Diese Methode wird jedoch als veraltet angesehen und es wird empfohlen, CSS zum Formatieren von Elementen zu verwenden.
Sie können Klassen- oder ID-Selektoren verwenden, um die Schriftfarbe mithilfe von CSS zu ändern. Der Klassenselektor beginnt am Punkt und der Bezeichner beginnt am Gitter. Zum Beispiel:
- .red-text - Wendet Rot auf den Text an, der mit der Red-Text-Klasse markiert ist.
- #blue-text - Wendet die Farbe blau auf den Text an, der mit der blue-text-ID gekennzeichnet ist.
Nachdem Sie einen Klassenselektor oder eine ID angegeben haben, können Sie das color-Attribut mit einem Farbwert festlegen. Es gibt mehrere Möglichkeiten, die Farbe in CSS festzulegen:
- Benannte Farben: zum Beispiel rot oder blau.
- HEX-Farben: sie beginnen mit dem Zeichen # , gefolgt von den hexadezimalen Werten für Rot, Grün und Blau. Zum Beispiel #ff0000 (rot) oder #0000ff (blau).
- RGB-Farben: werden mit der Funktion rgb() angegeben, die drei Werte von Rot, Grün und Blau im Bereich von 0 bis 255 akzeptiert. Zum Beispiel rgb(255, 0, 0) (rot) oder rgb(0, 0, 255) (blau).
Beispiel für die Verwendung von CSS zum Ändern der Schriftfarbe:
.red-text .blue-text .green-text
Im obigen Beispiel setzt die Klasse red-text den Text auf Rot, die Klasse blue-text ist blau und die Klasse green-text ist grün.
Um Klassen oder IDs in HTML zu verwenden, müssen Sie dem entsprechenden Element ein class- oder ID-Attribut hinzufügen. Zum Beispiel:
Этот текст будет красным
In diesem Beispiel ist der Text innerhalb des Tags
wird aufgrund der Red-Text-Klasse rot angezeigt.
Mithilfe von CSS können Sie die Schriftfarbe auf einer Webseite ändern, um visuelles Interesse zu erzeugen und verschiedene Teile des Textes hervorzuheben.
