Въведение в стиловете HTML шрифтове

Следващата статия Стилове на HTML шрифтове предоставя очертание на най-често използваните стилове на шрифтове в HTML. HTML, известен като HyperText Markup Language, е един от най-важните и критични езици или скриптове, който е от съществено значение при създаването на уеб приложения и уебсайтове. Това е като основата на разработването на уеб приложения, тъй като всички тагове и други функции формират основния компонент на него.

Цялото развитие на предния край се базира и на скриптове на HTML. Това може просто да се използва за предоставяне на маркери за маркиране и с цел да се подобри външния вид и усещането на тези тагове, имаме още една много популярна библиотека, CSS, която означава Cascading Style Sheets. Това може да се използва за прилагане на всички видове стилове, които се изискват от 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

Това е шрифтът по подразбиране на страницата.

Пример за Елемента

Conclusion-

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

Препоръчителни статии

Това е ръководство за стилове на HTML шрифтове. Тук сме обсъдили въвеждането и подробното обяснение на някои основни шрифтове на HTML с примери. Можете да разгледате и другите ни предложени статии, за да научите повече -

  1. Таблици на стилове HTML
  2. HTML атрибути
  3. Как работи HTML
  4. HTML стилове на списък
  5. HTML блокове