Що таке HTML?
HTML & CSS Basics: перший крок у веброзробку. HTML (HyperText Markup Language) — це основа будь-якого вебсайту. Він створює структуру сторінки: заголовки, абзаци, списки, зображення та посилання.
HTML можна уявити як «кістяк» вебсторінки. Наприклад:
<!DOCTYPE html>
<html>
<head>
<title>Мій перший сайт</title>
</head>
<body>
<h1>Привіт, світ!</h1>
<p>Це мій перший сайт.</p>
</body>
</html>
У цьому прикладі <h1> створює заголовок, а <p> — абзац тексту.
Що таке CSS?
CSS (Cascading Style Sheets) відповідає за вигляд сторінки: кольори, шрифти, відступи, анімації та розташування елементів.
Якщо HTML — це кістяк, то CSS — це «одяг та стиль» сайту.
Приклад коду:
h1 {
color: #4facfe;
text-align: center;
}
p {
font-size: 18px;
line-height: 1.6;
}
Тут ми задаємо синій колір для заголовка та робимо текст більш читабельним.
Перший крок у веброзробку
Поєднавши HTML та CSS, ви отримуєте основу для створення власних сайтів.
HTML формує структуру, а CSS надає стиль. Це перший крок до вивчення JavaScript та сучасних фреймворків, які роблять сайти інтерактивними.
Почати можна з маленького проєкту: особиста сторінка, резюме чи простий блог. Крок за кроком ви навчитеся створювати повноцінні вебсайти.