Меню

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

Контакти

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

HTML синтаксис

Основни правила на синтаксиса на HTML

HTML елемент е всяка структурна област от уеб страницата. Елементите се маркират с тагове. Синтаксисът на елемент в HTML е:

<tagname>element content</tagname>

Това показва, че всеки елемент се състои от отварящ таг, съдържание и затварящ таг. Има и елементи, които нямат съдържание – те са празни елементи и за тях няма затварящ таг.

Примери:
<h1>Уеб дизайн с HTML</h1>
<p>HTML е основен език за маркиране.<br>HTML5 е последната версия на езика.</p>
Празните елементи могат да се отбележат с наклонена черта в края, например <br/>, но това не е задължително в HTML5, а само препоръчително. Към таговете могат да се добавят и атрибути – те са допълнения, описващи свойства на елементите. Атрибутите могат да имат стойности, с които се задават още варианти на маркирането. Атрибутите и стойностите се пишат само в отварящия таг на елемент.

Синтаксисът на атрибут е: name=“value”

Пример:
<img src=“image1.jpg” alt=”корицата на книгата”>
За даден таг някои атрибути са задължителни, а други – незадължителни. Стойността на атрибут може да се загради в кавички или апострофи, но това е задължително само ако стойността съдържа интервал. Синтаксисът на HTML5 позволява малки и главни букви за тагове и атрибути. Препоръчва се да се използват малки букви. Препоръчително е също стойността на атрибут да е в кавички. Вложен е този елемент, който е изцяло част от съдържанието на друг елемент. Синтаксисът на HTML5 изисква да се спазва последователността на влагане и първи да се затвори последният отворен елемент.

<!DOCTYPE html> <html> <body> <h1>Нови продукти</h1> <p>Нашите <b>най-нови</b> продукти са ... </p> </body> </html>