Практика
Здесь приведены задачи по HTML и CSS, которые выполняются прямо в браузере, с автоматической проверкой результатов.
Элементы HTML
- Привет, мир! HTML
- Открывающие и закрывающие теги HTML
- Открывающие теги HTML
- Закрывающие теги HTML
- Вложение элементов HTML
- Добавление комментария HTML
- Доктайп HTML
- Структура HTML-кода HTML
- Кодировка документа HTML
- Добавление элемента HTML
- Содержимое элемента HTML
- Атрибут lang HTML
- Выделение текста HTML
Текст
- Элемент <pre> HTML
- Абзацы HTML
- Переносы строк HTML
- Заголовок первого уровня HTML
- Заголовки HTML
- TEX HTML
- Площадь круга HTML
- Озон HTML
- Важный текст HTML
- Элемент <mark> HTML
- Рыжая лиса CSS
- Шрифт на веб-странице CSS
Ссылки
- Создание ссылки HTML
- Ссылка на Google HTML
- Ссылка на email HTML
- Ссылка для скачивания HTML
- Атрибут target HTML
- Ссылка на телефон HTML
- Создание якоря HTML
- Ссылка на якорь HTML
- Картинка как ссылка HTML
Списки
- Маркированный список HTML
- Нумерованный список HTML
- Римские числа HTML
- Буквенная нумерация HTML
- Обратный список HTML
- Список с 11 HTML
- Список описаний HTML
- Атрибут value HTML
- Вложенный список HTML
Изображения
- Абсолютный адрес HTML
- Относительный адрес HTML
- Альтернативный текст HTML
- Ширина картинок HTML
- Размеры картинки HTML
- Элемент <figure> HTML
- Подпись под картинкой HTML
- Подпись перед картинкой HTML
- Картинки друг под другом HTML
Таблицы
- Создание таблицы HTML
- Строки таблицы HTML
- Картинки в таблице HTML
- Заголовок таблицы HTML
- Таблица 2х2 HTML
- Объединение колонок HTML
- Объединение строк HTML
- Ячейка заголовка HTML
- Тело таблицы HTML
- Подвал таблицы HTML
- Ширина таблицы CSS
Фреймы
- Создание фрейма HTML
- Размеры фрейма HTML
- Картинка во фрейме HTML
- Имя фрейма HTML
- Вставка JSFiddle HTML
- Ссылка во фрейм HTML
- Ссылки во фрейме HTML
Формы
- Атрибут method HTML
- Создание формы HTML
- Атрибут action HTML
- Текстовое поле HTML
- Длина текста HTML
- Ширина поля HTML
- Подсказка HTML
- Обязательное поле HTML
- Блокировка поля HTML
- Вывод текста HTML
- Элемент <datalist> HTML
- Поле для пароля HTML
- Многострочный текст HTML
- Размеры <textarea> HTML
- Элемент <button> HTML
- Картинка в <button> HTML
- Отправка формы HTML
- Очистка формы HTML
- Переключатели HTML
- Выбор переключателя HTML
- Флажки HTML
- Поле со списком HTML
- Выбор флажка HTML
- Раскрывающийся список HTML
- Блокировка списка HTML
- Список множественного выбора HTML
- Блокировка пункта списка HTML
- Выбор пунктов списка HTML
- Поиск по сайту HTML
Разделы веб-страницы
- Шапка веб-страницы HTML
- Подвал веб-страницы HTML
- Элемент <section> HTML
- Копирайт HTML
- Элемент <aside> HTML
- Шапка раздела HTML
- Навигация HTML
- Элемент <main> HTML
- Создание статьи HTML
- Дата публикации HTML
- Комментарии HTML
Основы CSS
- Подключение CSS-файла CSS
- Ошибка в <link> CSS
- Добавление стиля CSS
- Атрибут style CSS
- Импорт шрифта CSS
- Комментарии в CSS CSS
Трансформация
- Поворот на 90° CSS
- Отражение по горизонтали CSS
- Поворот на -90° CSS
- Отражение по вертикали CSS
- Отражение картинки CSS
- Сдвигаем вниз CSS
- Сдвигаем вверх CSS
- Наклон картинки CSS
- Точка трансформации CSS
- Перспектива CSS
- Масштабирование кнопки CSS
- Поворот на 360° при наведении CSS
- Сдвиг при наведении CSS
- Масштабирование картинки при наведении CSS
- Масштабирование картинки при наведении 2 CSS