Како промијенити величину фонта у ХТМЛ-у

12. 3. 2019.

Основни циљ квалитетног изгледа веб сајта је да информације на страници учине што читљивијим и погоднијим за корисника. Рад са текстом преко ХТМЛ-а је основна и основна вештина коју морате имати када радите са сајтовима. У овом чланку детаљно је описано како да промените величину текста помоћу језика за означавање на Вебу.

ХТМЛ развојна инфографика

Форматирање текста са ХТМЛ-ом је једноставно.

Свако ко је икада наишао на потребу да креира или уређује Веб локације, прво је питао како да форматира текст тако да испуњава жељене захтеве. Постоји много начина да се овај задатак оствари, а најлакши начин је да се то уради директно у оквиру самог сајта користећи језик означавања. Једном када схватите како да промените величину фонта у хтмл-у, у будућности неће бити никаквих потешкоћа.

У овом чланку ћемо детаљно описати како се форматирање фонтова изводи у ХТМЛ документима.

Пример кода

Општи принципи уређивања текста на веб страницама

Прво треба да схватите које могућности за обликовање текста нам дају хтмл. Постоје три главне карактеристике фонта - то је фонт (карактеристика која одређује изглед слова и знакова), боју и величину. Читљивост сваког документа зависи од тога колико добро су ове карактеристике комбиноване.

Карактеристике текста у ХТМЛ ознаци се мењају помоћу ознака и атрибута. Ознака је главна компонента језика, његова главна логичка јединица, а атрибут служи за постављање одређене вриједности за сваки елемент странице означене ознаком.

Такође је потребно запамтити да се приказ текста може разликовати када се користе различити претраживачи, стога, прије завршетка рада на веб-локацији, морате се увјерити да су информације исправно приказане у свим већим кориштеним прегледницима. На пример, величина фонта у хтмл-у када се користе старије верзије програма Интернет Екплорер може бити другачија у односу на нове верзије.

ХТМЛ цоде

Таг

Главне ознаке које се користе приликом форматирања текста на веб страници су и .

Ознака пара је одговорна за све карактеристике обликованог текста, које се постављају помоћу одговарајућих атрибута. Овај таг је најразумљивији и најлакши за употребу када се изгледа страница.

Будући да нас првенствено занима како промијенити величину фонта у хтмл-у, потребно је користити атрибут величине.

Изгледа овако:

 Здесь располагается текст 

Вриједност величине фонта хтмл је постављена у нумеричким јединицама од 1 (најмањи) до 7 (највећи). Просечна вредност се традиционално узима као 3 (одговара величини од 13,5 у слушалицама Тимес Нев Роман).

Сходно томе, ако у тело документа додамо следећи код, отварање странице у претраживачу ће показати како се величина текста мења у зависности од подешене вредности.

 Размер шрифта 1 Размер шрифта 2 Размер шрифта 3 Размер шрифта 4 Размер шрифта 5 Размер шрифта 6 Размер шрифта 7 

Поред апсолутних нумеричких вредности могу се користити, укључујући и релативне. Ова ознака се такође користи за ово. Величина фонта хтмл, као што је горе поменуто, подразумевано је узета са 3, тако да, почевши од тога, можете додати или одузети читаве нумеричке вредности да бисте добили жељени резултат. Овако изгледа:

Ево текста

Са наведеном вредношћу, величина фонта ће одговарати вредности 6. У прегледачу можете проверити како ради и експериментисати са различитим комбинацијама нумеричких вредности.

Помоћу ознаке можете променити величину и боју фонта у хтмл формату. Да бисте променили боју, користите атрибут боја и хексадецимални код боје.

Да би се извршиле неопходне промене, атрибути се прате један за другим у телу једне ознаке , не треба их раздвајати било којим знацима интерпункције.

Таг

Ова ознака има шири распон карактеристика и карактеристика него . Обично се користи заједно са ЦСС-ом за уређивање и обликовање одређених делова документа.

За овај таг, вредности се постављају коришћењем атрибута стиле. Овако изгледа код:

 Здесь располагается текст 

Као што можете видети, овде се користи увођење ЦСС-кода (величина фонта), а величина се одређује помоћу тачака (пт, поинт). Стандардна вредност се узима као величина од 12 пт, која се може променити повећањем или смањивањем за цео број.

Израда сајта

Величина фонта се мења када форматирате заглавља

Често желите смањити или повећати величину фонта у ХТМЛ-у приликом уређивања наслова. У овом случају, задатак није само да се промени величина, већ и да се логично осветли одређени део текста и означи као наслов блока текста.

У овом случају, препоручљиво је користити ознаке.

-

. Таг

- Ово је заглавље првог нивоа. У прегледнику ће бити приказан као највећи, а ознаке из

до

користи за истицање поднаслова.

Пример кода:

Наслов првог нивоа

Препоручује се да увек користите ове ознаке за дизајн заглавља, јер оптимизира код и синтактички је исправнији, а такође даје јединствен стил читавом документу.

Специфичне параметре за ову ознаку поставља ЦСС - тако да можете поставити одређену вриједност за величину текста, његову боју и фонт.

Неки последњи савети

Додатак за веб-програмере

Дакле, прегледали смо главне начине за промену величине фонта у хтмл формату. Ова информација је довољна да се направи уредна веб страница са добром читљивошћу.

Ради лакшег сналажења, имајте на уму следеће препоруке:

  • Са изгледом не би требало да буде ограничено на хтмл. Када сте савладали основе изградње сајта, можете почети да проучавате ЦСС. То ће отворити нове хоризонте у креирању веб страница.
  • Не можемо занемарити тестирање готовог сајта у различитим претраживачима и на различитим платформама. Као што је већ речено, текстуални параметри могу се значајно разликовати, посебно када се користе застарјеле верзије претраживача.
  • Увек треба да користите размаке и картице када пишете код. То олакшава читање и разумевање.
  • Коментари о коду нису само алатка за практичну перцепцију, већ и знак доброг укуса међу програмерима.