HTML е език за маркиране на хипертекст, използван за форматиране на уеб документи. Той предоставя основните характеристики за организиране на структурата на документа, както и основните опции за оформление на страницата. В тази статия ще разгледаме подробно как да променяме размера на текста в HTML. Разберете в кои случаи е възможно да се използва само HTML, а когато е по-добре да се използват CSS стилове.

Преоразмеряване с помощта на тага

Има няколко различни начина, по които можете да промените размера на текста в HTML. Тези функции са както езика за маркиране в мрежата, така и връзката с документа за стилове в CSS. Първият начин да увеличите или намалите текста на дадена уеб страница е да използвате маркера. Синтаксисът за използване на този маркер ще бъде както следва:

Текст за примера

Нека разгледаме този пример по-подробно. Както можете да видите, тук са три атрибута на маркера, които ви позволяват да зададете слушалките, размера и цвета на HTML текста.

Размерът съответства на размера - позволява ви да зададете размера на текста в стандартните единици. Средната стойност на този параметър е взета 3. Съответно, тя може да бъде зададена в абсолютни единици (т.е. 174 и т.н.), а в относително - чрез знаците плюс или минус (+3 -2). Във втория случай размерът на текста ще бъде променен спрямо базата.

Цветният атрибут показва кояцветът ще бъде текст, а лицето ще отговаря за слушалките (шрифта). Така текстът на примера със стандартен среден размер, зелен цвят, е написан в шрифта Грузия.

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

Други начини за намаляване и увеличаване на текста в HTML

За да се промени размера на текста в HTML, се използват таговеи .

Тези етикети се използват, както следва:

Този текст ще бъде по-голям
Този текст ще бъде по-малък 

Интересно е, че за да се направи текстът повече или по-малко, етикетът може да се повтори няколко пъти.

Този текст ще бъде увеличен още повече  

В допълнение към тези два маркера е възможно да се използва за преоразмеряване на текста в HTML заглавия (например, H1, за да зададете големия текст, и H6, за да намалите размера му). Това обаче не се препоръчва, защото заглавието структурира единица на уеб страница и използването му за визуално форматиране може да възпрепятства индексирането на сайта и неговата достъпност.

Преоразмеряване на текста чрез CSS

За да преоразмерите текста, препоръчваме да използвате CSS инструменти. Синтаксисът ще изглежда така:

p {
font-size: 11pt;
}

Много повече възможности са налични за този метод. Можете да промените размера на текста в различни единици, като елементи (pt), пиксели (px), проценти и др. Този метод се използва или с етикета директно в тялото на HTML документа, или чрез използване на външна таблица със стилове, прикрепена към отделен файл с връзка в документа. Разработчиците са единодушни в мнението, че с оглед на оптимизацията и кръстосаното сърфиране е по-добре да се използва CSS за оформяне и дизайн в настоящия момент, а HTML да напусне оригиналната си функция на езика за хипертекстово маркиране. Така се запознахме с няколко различни начина за преоразмеряване на текста в HTML документи. Кое да се използва зависи от вашите нужди и желаната функционалност на страницата.