Code Quest

Добро пожаловать в наш образовательный портал!

Изучайте информационные системы через увлекательные курсы и интерактивные задания.

Курс 1: Введение в HTML и CSS

HTML (HyperText Markup Language) и CSS (Cascading Style Sheets) — это основные технологии для создания и стилизации веб-страниц. В этом уроке вы познакомитесь с базовыми концепциями HTML и CSS, их синтаксисом и принципами работы.

1.1 Что такое HTML?

HTML — это язык разметки, используемый для создания структуры веб-страниц. Он позволяет организовывать текст, изображения, ссылки и другие элементы на странице с помощью тегов.

<h1>Заголовок первого уровня</h1>
<p>Абзац текста</p>
<a href="https://example.com">Ссылка</a>

1.2 Основные теги HTML

Основные теги HTML включают:

<h1> - <h6>: Заголовки различных уровней
<p>: Абзац текста
<a>: Гиперссылка
<img>: Изображение
<div>: Контейнер для группировки элементов

1.3 Что такое CSS?

CSS — это язык стилей, который используется для описания визуального представления HTML-элементов. CSS позволяет изменять цвета, шрифты, отступы, расположение и другие стили веб-страницы.

body {
 background-color: #f0f0f0;
}

h1 {
 color: #333333;
}

p {
 font-size: 16px;
}

1.4 Основные свойства CSS

Основные свойства CSS включают:

color: Цвет текста
background-color: Цвет фона
font-size: Размер шрифта
margin: Внешние отступы
padding: Внутренние отступы

1.5 Примеры стилей

Пример CSS для стилизации текста и фона:

h1 {
 color: #0044cc;
 text-align: center;
}

p {
 color: #555555;
 line-height: 1.6;
}

Web Builder Sandbox

Создайте простой HTML документ, который включает заголовок и абзац.