ОбразованиеУчи по-лесно.
Моят профил Моят напредък Настройки
Изход
Назад към темите

Тема: Същност на езика. Структура на HTML документ.

1. Същност на езика HTML

HTML (HyperText Markup Language – език за маркиране на хипертекст) е език, с който се описва структурата и съдържанието на уеб страница. Той не е програмен език, защото не изпълнява изчисления и не съдържа алгоритми. С него се указва кои части от страницата са заглавие, абзац, списък, изображение или връзка, а браузърът ги визуализира.

  • Хипертекст – текст със връзки към други документи, чрез които потребителят преминава от една страница към друга.
  • Маркиране – обозначаване на части от съдържанието със специални означения, наречени тагове.
  • Автор – езикът е създаден от Тим Бърнърс-Лий в началото на 90-те години като основа на световната мрежа.

2. Структура на HTML документ

Всеки HTML документ има основна структура, която се състои от декларация за типа на документа и вложени един в друг елементи. Частта head съдържа информация за страницата, а частта body съдържа видимото съдържание.

  • <!DOCTYPE html> – декларация, която указва на браузъра, че документът е написан на HTML5. Поставя се на първия ред.
  • <html> – коренов елемент, който обхваща целия документ. Атрибутът lang="bg" указва, че езикът на съдържанието е български.
  • <head> – служебна информация: заглавие на страницата (<title>), кодировка на символите (<meta charset="UTF-8">). Тя не се показва в прозореца на страницата.
  • <body> – всичко, което потребителят вижда: текст, изображения, връзки, таблици.

Пример

Минимален валиден HTML документ:

<!DOCTYPE html>
<html lang="bg">
<head>
  <meta charset="UTF-8">
  <title>Онлайн магазин</title>
</head>
<body>
  <h1>Добре дошли в магазина</h1>
  <p>Тук се предлагат компютърна техника и аксесоари.</p>
</body>
</html>

Текстът в title се показва в раздела на браузъра. Заглавието h1 и абзацът p се показват в самата страница.

3. Тагове, елементи и атрибути

Таговете са означения, затворени в ъглови скоби, например <p>. Заедно със съдържанието си те образуват елемент. Допълнителни настройки на елемента се задават чрез атрибути.

  • Двойни тагове – имат отварящ и затварящ таг: <p>текст</p>. Затварящият таг съдържа наклонена черта.
  • Единични (празни) тагове – нямат съдържание и затварящ таг, например <br> (нов ред) и <hr> (хоризонтална линия).
  • Атрибути – задават се в отварящия таг във вид име="стойност", например <html lang="bg">.
Таговете и атрибутите се пишат с малки букви, а кодът се подрежда с отстъпи според вложеността. Така структурата се чете лесно и грешките се откриват по-бързо.

Изготвил: Цветелин Борисов