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

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

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

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



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

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

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

   Mоже да се зададе с таговете <u> и </u>:
   
   <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. Цитиран текст

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

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

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


11. Смяна посоката на текст

    Едва ли ще ви се наложи да използвате подобно форматиране, освен ако не пишете текст на иврит или арабски, но за всеки случай ето как се задава посока на текста отдясно-наляво:
    
    Смяна <bdo dir="rtl">посоката</bdo> на текст.

Следва: HTML правила

начало на страницата