1. Какво е HTML?
HTML (HyperText Markup Language) е език за описание на съдържанието на уеб страници.
С HTML можем да създаваме:
-
заглавия
-
текст
-
изображения
-
връзки (линкове)
-
таблици
-
списъци
HTML не е програмен език.
2. Как работи HTML?
HTML използва тагoве (tags), за да описва различните елементи на страницата.
Пример:
<p>Това е текст.</p>
-
<p>– отварящ таг -
</p>– затварящ таг -
текстът между тях е съдържанието
3. Основна структура на HTML страница
Всяка HTML страница има основна структура:
<!DOCTYPE html>
<html>
<head>
<title>Моята първа страница</title>
</head>
<body>
<h1>Здравей, свят!</h1>
<p>Това е моята първа уеб страница.</p>
</body>
</html>
Обяснение:
| Таг | Значение |
|---|---|
<html> | начало на HTML документа |
<head> | информация за страницата |
<title> | заглавие на страницата |
<body> | съдържанието на страницата |
4. Заглавия в HTML
HTML има 6 нива на заглавия.
<h1>Заглавие 1</h1>
<h2>Заглавие 2</h2>
<h3>Заглавие 3</h3>
-
<h1>– най-голямо заглавие -
<h6>– най-малко
5. Абзаци
Текстът се пише в абзаци.
<p>Това е абзац.</p>
<p>Това е друг абзац.</p>
Практическа задача
Задача 1
Създайте HTML файл index.html, който съдържа:
-
заглавие: Моята първа уеб страница
-
заглавие
<h1>– „Добре дошли“ -
абзац за вас
Примерно решение
<!DOCTYPE html>
<html>
<head>
<title>Моята първа страница</title>
</head>
<body>
<h1>Добре дошли</h1>
<p>Казвам се Иван и уча информационни технологии.</p>
</body>
</html>
Въпроси за проверка
-
Какво означава HTML?
-
Какво представляват таговете?
-
Кой таг съдържа съдържанието на страницата?
-
Колко нива на заглавия има в HTML?
