HTML-Schriftarten
Sep 04, 2024 pm 04:14 PMDer 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!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

Die Webseitenstruktur muss durch Kern -HTML -Elemente unterstützt werden. 1. Die Gesamtstruktur der Seite besteht aus dem Stammelement, das Meta -Informationen speichert und den Inhalt anzeigt. 2. Die Inhaltsorganisation stützt sich auf Titel (-), Absatz () und Block-Tags (wie), um die Organisationsstruktur und die SEO zu verbessern; 3. Die Navigation wird durch und implementiert, h?ufig verwendete Organisationen werden mit dem Aria-Strom-Attribut verknüpft und erg?nzt, um die Zug?nglichkeit zu verbessern. 4. Formularinteraktion beinhaltet und, um die vollst?ndigen Eingabebereich- und Einreichungsfunktionen zu gew?hrleisten. Die ordnungsgem??e Verwendung dieser Elemente kann die Klarheit, Wartung und Suchmaschinenoptimierung der Seiten verbessern.

Bei Verwendung von HTML5SSE sind die Methoden zur Umsetzung mit Wiederverbindung und Fehlern: 1. Verst?ndnis des Standard -Wiederverbindungsmechanismus. EventSource erneut 3 Sekunden nach der Unterbrechung der Verbindung standardm??ig unterbrochen. Sie k?nnen das Intervall über das Wiederholungsfeld anpassen. 2. H?ren Sie sich das Fehlerereignis an, um mit Verbindungsfehler oder Parsenfehlern umzugehen, Fehlertypen zu unterscheiden und die entsprechende Logik auszuführen, z. B. Netzwerkprobleme, die sich auf automatische Wiederverbindung stützen, Serverfehler die Wiederverbindung und Authentifizierungsfehler aktualisieren. 3. Steuern Sie aktiv die Wiederverbindungslogik, wie z. B. manuelles Schlie?en und Wiederaufbau der Verbindung, die maximale Anzahl von Wiederholungszeiten und kombinieren Navigator. Diese Ma?nahmen k?nnen die Anwendungsstabilit?t und die Benutzererfahrung verbessern.

DocType ist eine Anweisung, die dem Browser mitteilt, mit dem HTML -Standard die Seite analysiert werden soll. Moderne Webseiten müssen nur zu Beginn der HTML -Datei geschrieben werden. Seine Funktion besteht darin, sicherzustellen, dass der Browser die Seite eher im Standardmodus als im seltsamen Modus rendert und sich in der ersten Zeile befinden muss, ohne Leerzeichen oder Kommentare davor. Es gibt nur einen richtigen Weg, um es zu schreiben, und es wird nicht empfohlen, alte Versionen oder andere Varianten zu verwenden. Andere wie Charset, Ansichtsfenster usw. sollten teilweise platziert werden.

Client-sideFormvalidationCanbedoneWithoutjavaScriptByusinghtmlattributes.1) UseSequeured toEnforcemandatoryfields.2) ValateMailsandurlswithTypeattributes-?hnlichemailorurl, orusepatternwithrExforcustomformaten

Verwenden Sie Tags in HTML, um Optionen im Dropdown-Menü zu Gruppoptionen zu erhalten. Die spezifische Methode besteht darin, eine Gruppe von Elementen zu wickeln und den Gruppennamen über das Label -Attribut zu definieren, wie z. B.: 1. Enth?lt Optionen wie ?pfel, Bananen, Orangen usw.; 2. Enth?lt Optionen wie Karotten, Brokkoli usw.; 3. jeweils ist eine unabh?ngige Gruppe, und die Optionen innerhalb der Gruppe werden automatisch eingerichtet. Zu den Notizen geh?ren: ① Es wird keine Verschachtung unterstützt; ② Die gesamte Gruppe kann über das behinderte Attribut deaktiviert werden. ③ Der Stil ist eingeschr?nkt und muss in Kombination mit CSS- oder Drittanbieterbibliotheken versch?nert werden. Plug-Ins wie Select2 k?nnen zur Verbesserung der Funktionen verwendet werden.

Um HTML -Schaltfl?chenelemente zu verwenden, um anklickbare Schaltfl?chen zu erreichen, müssen Sie zun?chst die grundlegende Verwendung und gemeinsame Vorsichtsma?nahmen beherrschen. 1. Erstellen Sie Schaltfl?chen mit Tags und definieren Sie Verhaltensweisen durch Typattribute (z. B. Schaltfl?che, Senden, Zurücksetzen), die standardm??ig übermittelt werden. 2. Fügen Sie interaktive Funktionen über JavaScript hinzu, die über ID geschrieben werden k?nnen, um Ereignish?rer zu verbinden, um die Wartung zu verbessern. 3.. Verwenden Sie CSS, um Stile anzupassen, einschlie?lich Hintergrundfarbe, Grenze, abgerundete Ecken und Schwebe-/aktive Statusffekte, um die Benutzererfahrung zu verbessern. 4. Achten Sie auf h?ufige Probleme: Stellen Sie sicher, dass das behinderte Attribut nicht aktiviert ist. Meistere das

HTML5, CSS und JavaScript sollten effizient mit semantischen Tags, angemessenen Ladereihenfolge und Entkopplungsdesign kombiniert werden. 1. Verwenden Sie HTML5-Semantik-Tags, wie z. B. die Verbesserung der strukturellen Klarheit und Wartbarkeit, was dem SEO und barrierefreien Zugang f?rderlich ist. 2. CSS sollte eingerichtet werden, externe Dateien verwenden und nach dem Modul aufgeteilt werden, um Inline -Stile und verz?gerte Ladeprobleme zu vermeiden. 3. JavaScript wird empfohlen, voran vorzugehen, und verwenden Sie Defer oder Async, um asynchron zu laden, um das Blockieren des Renders zu vermeiden. 4. Reduzieren Sie die starke Abh?ngigkeit zwischen den drei, führen Sie das Verhalten durch Datenattribute und den Status der Klassennamen und verbessern Sie die Zusammenarbeit Effizienz durch einheitliche Benennungsspezifikationen. Diese Methoden k?nnen die Seitenleistung effektiv optimieren und mit Teams zusammenarbeiten.

Es ist bequemer, Formulardaten mithilfe der FormData -API von HTML5 einzureichen. 1. Es kann automatisch Formularfelder mit Namensattribut erfassen oder manuell Daten hinzufügen. 2. Es unterstützt die Einreichung im Multipart/Form-Daten-Format über Fetch oder XMLHTTPrequest, das für das Datei-Upload geeignet ist. 3. Wenn Sie Dateien bearbeiten, müssen Sie die Datei nur an Formdata anh?ngen und eine Anfrage senden. V.
