Тег <label> в HTML нужен, чтобы связать подпись с полем ввода. Это не просто текст рядом с инпутом — это функциональный элемент: клик по подписи активирует поле. И важно сделать это так, чтобы всё работало одинаково в браузерах и на разных устройствах. Два способа связать label с полем Есть два рабочих варианта: по атрибуту for […]
  Загрузка... |
Просмотров: 11 | Читать статью |
Цвет фона в CSS задаётся через свойство background-color. На первый взгляд это простая настройка: поставил цвет — и готово. Но если смотреть с точки зрения доступности, тут есть важные нюансы: текст должен нормально читаться на фоне, а интерфейс — быть удобным для людей с особенностями зрения. Как задать цвет фона Синтаксис простой: css .box { background-color: #f5f5f5; } Можно […]
| Загрузка... |
Просмотров: 8 | Читать статью |
Цвет в CSS — это не просто «красный» или «синий», а конкретный способ описания оттенка, который браузер сможет отобразить. У каждого формата есть своя логика и удобные сценарии применения. HEX: компактный формат для точных цветов HEX — это шестнадцатеричная запись цвета в виде #rrggbb, где каждая пара символов отвечает за красный, зелёный и синий каналы (от 00 […]
| Загрузка... |
Просмотров: 8 | Читать статью |
Файл read_post.php <?php require ‘db_connect.php’; $slug = trim($_GET[‘slug’] ?? »); if ($slug === ») { http_response_code(404); echo ‘Статья не найдена’; return; } // Подготовленный запрос — защита от SQL‑инъекций $sql = ‘SELECT id, title, slug, content, meta_description, is_published, created_at FROM posts WHERE slug = ? AND is_published = 1’; $stmt = mysqli_prepare($connection, $sql); […]
| Загрузка... |
Просмотров: 13 | Читать статью |
Проблема с датами обычно не в синтаксисе, а в том, что в трёх местах живёт разное время: в ОС сервера, в настройках PHP и в MySQL. Из‑за этого одна и та же запись может «ехать» на часы вперёд или назад — особенно когда проект выходит за пределы одного часового пояса. Какой тип колонки выбрать: DATETIME […]
| Загрузка... |
Просмотров: 16 | Читать статью |
Что это и зачем нужно В PHP код можно хранить не в одном большом файле, а разбивать на части: отдельно — настройки, отдельно — подключение к базе данных, отдельно — шапка сайта, подвал, логика вывода статей и т. д. Директивы include, require и их версии с _once как раз и нужны, чтобы «собрать» итоговую страницу […]
| Загрузка... |
Просмотров: 19 | Читать статью |
Разберём простой, но рабочий пример: как создать форму для добавления материала, автоматически генерировать slug из заголовка (с транслитерацией) и сохранить данные в базу через подготовленный запрос. Что мы делаем HTML‑форма — поля для заголовка, slug, описания, контента, чекбокс публикации. JS‑логика — автоматически превращает заголовок в slug (кириллица → латиница), но даёт возможность править вручную. (Slug делает URL […]
| Загрузка... |
Просмотров: 72 | Читать статью |
<?php $host = ‘localhost’; $user = ‘root’; $password = ‘хххххххх’; $db = ‘website’; $connection = mysqli_connect($host, $user, $password, $db); if (!$connection) { throw new Exception(‘Ошибка подключения к БД: ‘ . mysqli_connect_error()); } if (!mysqli_set_charset($connection, ‘utf8mb4’)) { throw new Exception(‘Ошибка установки кодировки: ‘ . mysqli_error($connection)); } // $connection теперь можно использовать в […]
| Загрузка... |
Просмотров: 26 | Читать статью |
Продолжаем развивать наш сайт — теперь добавим к нему базу данных, чтобы хранить статьи, пользователей и другие данные. На скриншоте — интерфейс phpMyAdmin, где мы как раз создаём базу для проекта. Вот что происходит на скриншоте и как это соотносится с реальной задачей: Сервер: localhost. Это значит, что база данных крутится на вашем компьютере — идеально для […]
| Загрузка... |
Просмотров: 19 | Читать статью |
Разберём простой, но рабочий шаблон страницы для блога. Он уже включает адаптивную вёрстку, семантические теги и CSS-переменные — то, что пригодится в первых проектах. HTML: каркас страницы HTML-код задаёт структуру: где будет шапка, контент, боковые панели и подвал. html <!DOCTYPE html> <html lang=»ru»> <head> <meta charset=»utf-8″> <meta name=»viewport» content=»width=device-width, initial-scale=1″> <title>Блог: полезные статьи</title> <link rel=»stylesheet» href=»site.css»> </head> […]
| Загрузка... |
Просмотров: 18 | Читать статью |