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

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

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

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

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

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

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

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

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

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

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

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

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

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

5.   Умален текст

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

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

6.   ^Горен индекс

Указва се с таговете ^и:

^{Горен индекс}.

7.   _Долен индекс

От своя страна долен индекс се задава с _и:

_Долениндекс

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

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

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

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

9.   Изтрит текст

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

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

10.<abbr> ...</abbr> - Използва се за абревиатури. Маркерът има и атрибут "title" , на който се задава като стойност пълното название на съкращението. Стойността на "tittle" се изписва, когато се задържи стрелката на мишката върху абревиатурата.

 Например : 

·                     <abbr title="БЪЛГАРСКИ ДЪРЖАВНИ ЖЕЛЕЗНИЦИ">БДЖ</abbr>

Ще изглежда така :

ЗАГЛАВИЯ В HTML

В HTML  заглавията се задават с маркера <h*>...</h*>. По този начин заглавието автоматично става удебелено и се добавя по един ред над и под текста. Другото предимство на маркера е, че може да се окаже размерът на заглавието - просто до  hзаписваме цифра от 1 - 6. С най-голям размер е h1 , а с най-малък - h6. Например :

<h1>Заглавие 1</h1>
<h2 align="center">Заглавие 2</h2>
<h3 align="center">Заглавие 3</h3>
<h4 align="center">Заглавие 4</h4>
<h5 align="center">Заглавие 5</h5>
<h6>Заглавие 6</h6>

Ще изглежда така : 

Заглавие 1

Заглавие 2

Заглавие 3

Заглавие 4

Заглавие 5

Заглавие 6

Ако искаме на заглавието да се укаже подравняване , тогава включваме и атрибутаalign, чийто стойности са left (вляво), right (вдясно), center (центрирано).

NB! Забележете, че има определен синтаксис при въвеждане на атрибути - атрибут="стойност" .