Вступ до стилів шрифтів HTML

У наступній статті стилі шрифтів HTML подано конфігурацію найбільш часто використовуваних стилів шрифту в HTML. HTML, широко відомий під назвою HyperText Markup Language - одна з найважливіших і найважливіших мов або сценаріїв, яка є важливою для створення веб-додатків та веб-сайтів. Це схоже на основу розробки веб-додатків, оскільки всі теги та інші функції складають його основний компонент.

Вся розробка переднього кінця також заснована на написанні HTML. Це можна просто використовувати для надання тегів розмітки, а щоб покращити вигляд цих тегів, у нас є ще одна дуже популярна бібліотека - CSS, яка розшифровується як каскадні таблиці стилів. Це можна використовувати для реалізації всіх видів стилів, необхідних HTML. Шрифт та стилі складають основну частину веб-сайту, і в цій статті ми надамо вам список більшості стилів шрифту HTML.

Стилі шрифту HTML:

Шрифти відіграють дуже важливу роль у тому, щоб зробити веб-сайт більш зручним для користувачів та той, який залучає більше трафіку, крім збільшення читабельності вмісту. Колір шрифту та обличчя шрифту також залежать від комп'ютера та браузера, який використовує його, а тег HTML також використовується для додавання стилю, кольору, розміру тексту тексту вашого веб-сайту.

Тег використовується для встановлення всього тексту, який присутній на вашому веб-сайті або всередині елемента, однакового розміру, кольору та обличчя. Тег шрифту складається з трьох атрибутів, а саме кольору та розміру обличчя, що знову ж таки є дуже критичним компонентом різних стилів шрифту, наявних у веб-сайті.

Тег - це найпоширеніший і один із найважливіших тегів, який можна використовувати для створення гарного вигляду та відчуття вашої веб-сторінки. Текст, який буде слідувати за відкритим тегом, залишатиметься тим самим, якщо і поки не закриється тегом.

Давайте розглянемо деякі основні стилі шрифтів HTML:

Є деякі основні особливості та характеристики, пов’язані зі стилями шрифту HTML, і це:

1) Налаштування розміру шрифту:

Розмір шрифту вмісту можна встановити, використовуючи атрибути розміру. Прийняте значення діапазону лежить від 1, що є найменшим числом, і воно виходить до 7, яке є найбільшим числом. Стандартний розмір будь-якого типу шрифту - 3.

Приклад,



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) Відносний розмір шрифту:

Відносний розмір шрифту використовується для визначення та визначення того, наскільки розміри є більшими та на скільки розмірів менше, ніж поточний розмір шрифту, який фактично присутній. Це можна вказати як:

or by writing

Приклад,



Relative Font Size

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

3) Налаштування обличчя шрифту:

Інша категорія після встановлення розміру шрифту та відносного розміру шрифту - це налаштування обличчя шрифту. Це становить критичну частину перелічених вище атрибутів. Це можна встановити, використовуючи атрибут face, але завжди слід пам’ятати, що якщо користувач, призначений використовувати це значення шрифту, не має цього шрифту встановлений у їхній системі, він не зможе його побачити . Натомість буде видно лише шрифт шрифту за замовчуванням, який застосовується до комп'ютера конкретного користувача.

Приклад,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Вкажіть альтернативні сторони шрифту:

  • Він використовується для визначення різних типів шрифтів лише у випадку, якщо користувач встановив певний шрифт у своїй системі, інакше буде видно встановлений за замовчуванням шрифт. Можна згадати декілька, а саме дві або більше двох альтернатив лицьового шрифту, перерахувавши внизу імена шрифту, спеціально розділені комою.
  • Коли веб-сторінка завантажується, браузер несе відповідальність за відображення першого в історії шрифту, який буде генеруватися. Якщо жоден із наданих шрифтів не встановлений у системі, то обличчя шрифту за замовчуванням, яке є Times New Roman, буде відображено успішно.

Приклад,


5) Налаштування кольору шрифту:

Це ще один атрибут, який формує критичну частину та компонент списку шрифтів та стилів HTML. У цьому кольорі шрифт налаштовується за допомогою будь-якого атрибуту кольору, потрібний потрібний колір, використовуючи шістнадцятковий код та назву кольору для вказаного кольору.

Приклад,



Setting Font Color

This text is in pink
This text is red

6) Елемент:

  • Цей елемент є специфічним для мови HTML і повинен надавати веб-сторінці розмір, шрифт та колір шрифту за замовчуванням для всіх частин та компонентів документів, які не містяться всередині тегу.
  • Тег можна легко використовувати для зміни параметрів.
  • Цей тег також використовує атрибути кольору, обличчя та розміру, які відносно підтримуватимуть усі параметри шрифту, надаючи розмір значення +1 на один розмір більший або -2 на два розміри менше.

Приклади:



Setting Basefont Color

Це шрифт за замовчуванням на сторінці.

Приклад Стихії

Висновок

Шрифт та стилі HTML - один з найважливіших компонентів та особливості, який неможливо не помітити і може надати дуже гарну форму та дизайн вашому веб-сайту. Коли ми говоримо про найновіші бібліотеки javascript, які доступні на ринку, містять у собі всі ці та декілька інших шрифтів та стилів. Для базового HTML це все ще потрібно зробити вручну. Сподіваюся, вам сподобалась наша стаття. Слідкуйте за нашим блогом для таких статей.

Рекомендовані статті

Це керівництво щодо стилів HTML-шрифтів. Тут ми обговорили вступ та детальне пояснення деяких основних шрифтів HTML із прикладами. Ви також можете ознайомитися з іншими запропонованими нами статтями, щоб дізнатися більше -

  1. Таблиці стилів HTML
  2. Атрибути HTML
  3. Як працює HTML
  4. Стилі списку HTML
  5. HTML-блоки