План изучения HTML и CSS (Junior)
1. Основы HTML
- Структура HTML-документа:
<html><head><body>
- Теги:
<h1>-<h6>, <p>, <div>, <span>
- Списки:
<ul>, <ol>, <li>
- Ссылки:
<a href="...">
- Изображения:
<img src="..." alt="...">
2. Формы и поля ввода
<form>, <input>, <textarea>, <select>- Атрибуты:
name, value, placeholder, required
- Кнопки:
<button>, type="submit"
3. Основы CSS
- Подключение: встроенный стиль,
<style>, внешний файл style.css
- Селекторы: по тегу, классу
.class, id #id
- Свойства:
color, font-size, margin, padding, border
- Работа с фоном:
background-color, background-image
4. Позиционирование и блочная модель
- Блочные и строчные элементы
- Свойства:
display, position, z-index
- Flexbox:
display: flex, justify-content, align-items
5. Таблицы и списки
- Теги:
<table>, <tr>, <td>, <th>
- Оформление таблиц:
border, border-collapse, padding
6. Медиа и адаптивность
- Работа с изображениями, аудио и видео
- Метатеги
<meta viewport> для адаптивности
- Медиа-запросы:
@media (max-width: 768px) { ... }
7. Практика и проекты
- Создание простой одностраничной страницы (landing)
- Верстка формы обратной связи
- Адаптивная сетка (flexbox или grid)
- Мини-проект: портфолио, блог, резюме