От первой строчки кода до своего сайта: HTML/CSS/JS/Python

подписчик

пошаговые уроки по HTML и CSS с разбором структуры страницы; примеры адаптивной вёрстки и типичных проблем (отступы, центрирование, сетки); интерактив на JavaScript: работа с DOM, события, простые скрипты; основы Python для веба: как запустить сервер, обработать запрос и отдать страницу;

Лента материалов Статьи

21 час назад

• Вы подписаны

Форма, которая реально работает: собираем имя и говорим “Привет!” за 10 минут

Привет! В прошлый раз мы сделали кнопку, которая меняла цвет и показывала сообщение. Сегодня шаг чуть сложнее, но такой же понятный: сделаем форму, где пользователь вводит своё имя, нажимает кнопку — и мы показываем персональное приветствие. Это уже похоже на настоящий мини-проект: есть ввод данных, есть реакция на действие, есть результат. И всё на чистом JavaScript. Открой index.html и внутри .card (рядом с кнопкой или вместо неё) добавь такой блок: <form id="name-form"> <label for="user-name">Как...

21 час назад

• Вы подписаны

Кнопка, которая реально работает: добавляем JavaScript за 10 минут

Привет! Если ты сделал прошлую статью и у тебя есть страница с кнопкой — отлично. Сегодня мы добавим JavaScript, чтобы кнопка не просто выглядела красиво, а реально что-то делала. После этого при клике она будет: И всё это на чистом JS — без сложных библиотек. Открой index.html и найди закрывающий тег </body>. Прямо перед ним (но внутри <body>) мы добавим наш скрипт: <footer> <p>© 2024 Мой первый сайт</p> </footer> <script> // Сюда будем писать JavaScript </script> </body> </html> Браузер читает страницу сверху вниз...

22 часа назад

• Вы подписаны

Сверстаю первую страницу за 10 минут — даже если ты видишь код впервые

Привет! Если ты сейчас думаешь «а вдруг у меня не получится», то вот хорошая новость: получится. Сегодня мы сделаем самую простую страницу: заголовок, пару абзацев и одну красивую карточку. И сразу добавим немного стилей, чтобы это выглядело не как «тестовая страница», а как настоящий кусочек сайта. Скопируй этот код и вставь в файл: html. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Моя первая страница</title> </head> <body> <header> <h1>Привет, это мой первый сайт!</h1> </header> <main> <p>Я только учусь верстать, но уже могу сделать простую страницу...

Покупайте СтеллыИ дарите их за контент