сряда, 8 октомври 2025 г.

Форматиране на текст в HTML

 Тук може да тествате кода, който сте написали


Тук ще разгледаме как се форматира текст в HTML: изменяне дебелината на шрифта, посоката, наклона и големината на текста, отделяне на текст като вмъкнат, изтрит или като цитат и др. За нагледен пример служат самите заглавия на отделните видове формат.


Получер текст

Задава се с двойката тагове <b> и </b> . Същият ефект има и използването на <strong> и </strong>:


<b>Получер</b> текст


е същото като


<strong>Получер</strong> текст



Курсивен текст

Огражда се с таговете <i> и </i>. Алтернативно може да се използват и таговете <em> и </em>:


<i>Курсивен</i> текст


ще изглежда идентично с


<em>Курсивен </em> текст.


Подчертан текст

Mоже да се зададе с таговете <u> и </u>:


<u>Подчертан</u> текст.


Сега обаче употребата на <u> и </u> не се препоръчва. Вместо това използвайте стилове (за стилове - в следващия урок).


Уголемен текст

Можете да откроите даден текст като по-голям с таговете <big> и </big>:


<big>Уголемен</big> текст



Умален текст

Ако оградите дадена фраза с таговете <small> и </small>, тази фраза ще бъде показана с по-малък размер от останалия текст:


<small>Умален</small> текст



Горен индекс

Указва се с таговете <sup> и </sup>:


<sup>Горен индекс</sup>.



Долен индекс

От своя страна долен индекс се задава с <sub> и </sub>:


<sub>Долен</sub>индекс



Вмъкнат текст

За да откроите даден текст като вмъкнат, оградете го с таговете <ins> и </ins>:


<ins>Вмъкнат</ins> текст


Обърнете внимание, че браузърът ще представи подобен текст като подчертан.


Изтрит текст

Ако искате да подчертаете, че даден текст е изтрит (много чест похват при промоции с наблягане на факта колко висока е старата цена), използвайте <del> и </del>:


<del>Изтрит</del> текст


Цитиран текст

За кратки цитати използвайте <q> и </q>:


<q>Цитиран</q> текст.



Обърнете внимание, че използването на таговете <q> и </q> просто огражда цитирания текст с кавички. Ако искате да откроите по-голям цитат, използвайте таговете <blockquote> и </blockquote>:



<blockquote>Обърнете внимание, че използването на таговете <q> и </q> просто огражда цитирания текст с кавички. Ако искате да откроите по-голям цитат като отделен параграф, използвайте таговете <blockquote> и </blockquote>:</blockquote>