Тема 1 Веб-сторінка

Веб-сторінка

Пояснення:

Базова структура сайту

Веб-сторінка (англ. Web раде, або англ. Webpage) - інформаційний ресурс, доступний в мережі World Wide Web (Всесвітня павутина), який можна переглянути у веббраузері. Зазвичай, інформація веб-сторінки записана у форматі HTML.

Тег, теги - елемент мови розмітки гіпертексту HTML. Текст, який міститься між початковим і кінцевим тегом, відтворюється і розміщується відповідно до властивостей, вказаних у початковому тезі.

Елемент <!DOCTYPE html> призначений для зазначення типу поточного документа.

Тег <html> </html> визначає початок HTML-файла, всередині нього зберігається заголовок (<head>) і тіло документа (<body>).

Заголовок документа, як ще називають блок <head>, може містити текст і теги, але вміст цього розділу не показується безпосередньо на сторінці, за винятком контейнера <title>. Обов'язково слід додавати закриваючий тег </head>, щоб показати, що блок заголовка документа завершено.

Тіло документа <body> призначений для розміщення тегів і змістовної частини веб-сторінки. Слід додати закриваючий тег </body>, щоб показати, що тіло документа завершено.

Тег <title> </title> - назва нашої сторінки

Тег - роміщення абзацу на сторінці

Тег - перенесення на новий рядок

Використання тегів та

Заголовки

Є шість видів заголовків, які відрізняються розмірами:

Теги	Результат на екрані
`<h1>Заголовок 1-го рівня</h1>`	Заголовок 1-го рівня
`<h2>Заголовок 2-го рівня</h2>`	Заголовок 2-го рівня
`<h3>Заголовок 3-го рівня</h3>`	Заголовок 3-го рівня
`<h4>Заголовок 4-го рівня</h4>`	Заголовок 4-го рівня
`<h5>Заголовок 5-го рівня</h5>`	Заголовок 5-го рівня
`<h6>Заголовок 6-го рівня</h6>`	Заголовок 6-го рівня

Відповідно заголовок 1-го рівня найбільший, а заголовок 6-го рівня - найменший.

Таблиця:

№	Тема	Приклад коду	Підсумок
1	Базова структура сайту	`<html> <head></head> <body></body> </html>`	Кожна сторінка має основу (html, head, body).
2	Назва сторінки	`<head> <title>Мій сайт</title> </head>`	<title> задає назву у вкладці браузера.
3	Абзаци	`<body> <p>Це мій перший абзац.</p> <p>А це другий!</p> </body>`	Кожен <p> — окремий блок тексту з відступом.
4	Перенесення рядка	`<body> <p>Привіт!<br> Я перейшов на новий рядок. </p> </body>`	<br> переносить текст, але не створює відступів.
5	Рухомий текст (застарілий)	`<body> <marquee>Мене звати Іван, мені 12 років!</marquee> </body>`	<marquee> більше не використовується, замінюється CSS-анімаціями.
6	Заголовки	`<body> <h1>Це заголовок 1 рівня</h1> <h2>Це заголовок 2 рівня</h2> <h3>Це заголовок 3 рівня</h3> <h4>Це заголовок 4 рівня</h4> <h5>Це заголовок 5 рівня</h5> <h6>Це заголовок 6 рівня</h6> </body>`	<h1> — головний, найбільший заголовок (назва сторінки). <h2> — підзаголовки другого рівня. <h3> – <h6> — дрібніші заголовки, для деталізації структури.

build info

compiler: 2.0.5.1 · 4054EF9BF6C4510A
built: 2026-11-08 14:31:25 UTC

Веб-сторінка

Веб-сторінка

Базова структура сайту

Тег <title> </title> - назва нашої сторінки

Тег <p> </p> - роміщення абзацу на сторінці

Тег <br> - перенесення на новий рядок

Використання тегів <p> та <br>