Меню

  •    
  • Начало
  • Дигитална достъпност
  • Тестване за уеб достъпност
    • Принципи за тестване
    • Автоматизирано тестване
  • Достъпни учебни материали
  • Принципи за разработване
  • Включване в учебния процес
  • HTML
    • HTML синтаксис
    • Тагове за текст
  • CSS
    • CSS синтаксис
    • CSS за форматиране на текст
  • PHP
    • PHP синтаксис
    • PHP функции

Контакти

  • t.todorov@ts.uni-vt.bg
  • 5003 Велико Търново, България, ул. „Теодосий Търновски“ №2

Тагове за текст

Тагове за структуриране на текст в HTML

От гледна точка на удобството на посетителите е добре текстът в уеб страниците да е разделен на секции със заглавия, подзаглавия, абзаци и списъци. Като разделител между секциите може да се използва плътна линия, отразяваща тематичното прекъсване в съдържанието.
Подредбата и структурирането на текст в уеб страница не се извършва в редактора за код чрез клавишите за преминаване на нов ред и за табулация, а чрез HTML тагове за текст. Основните тагове за структуриране на текст са:
  • <h1>, <h2>, …, <h6> – заглавие в текста
  • <p> – абзац
  • <br> – прекъсване на ред
  • <hr> – хоризонтална линия
<!DOCTYPE html> <html> <body> <h1>Учебник по HTML5</h1> <h2>Синтаксис</h2> <p>Правилата на синтаксиса в HTML5 са ...</p> <hr> <h2>Структуриране на текст</h2> <p>В HTML5 текстът се структурира чрез заглавия и абзаци ...</p> <hr> </body> </html> Особености на използването на таговете за структуриране на текст:
  • Най-важното заглавие в уеб страницата се маркира с <h1>, неговите подзаглавия с <h2> и т.н.
  • Прекъсването на ред с <br> означава преминаване на нов ред в рамките на същия абзац.
  • Търсещите машини използват заглавията за индексиране на съдържанието на уеб страниците.
  • За форматирането на тескт в уеб страници се използват CSS стилове, с които се определят позицията на текста и характеристики като шрифт, цвят, фон, удебеляване, размер, разстояние между буквите и др.
Списъците дават възможност на посетителите да се ориентират по-лесно в съдържанието на уеб страница. Най-използвани са номерираните и неномерираните списъци. Синтаксисът на неномериран списък е: 

<ul>
  <li>елемент 1
  <li>елемент 2
	...
</ul>
<!DOCTYPE html> <html> <body> <h1>Цветове:</h1> <ul> <li>червен</li> <li>зелен</li> <li>син</li> </ul> </body> </html>
CSS стиловете позволяват да се избере знакът-водач на списъка, както и допълнително форматиране на елементите. Списъците могат да се влагат и така да се създават по-сложни структури от съдържание.