Есть три способа «подружить» CSS с HTML. Разберём каждый на коротком примере и сразу скажем, где он уместен. 1. Inline‑стили: прямо в теге Пишешь стили прямо в HTML‑элементе через атрибут style. html <h1 style=»color: #2b5e8b; font-family: Arial, sans-serif;»>Заголовок</h1> <p style=»line-height: 1.6; color: #333;»>Текст.</p> <button style=»background-color: #4facf9; color: white; border: none; padding: 10px 20px; border-radius: 6px;»>Кнопка</button> […]
  Загрузка... |
Просмотров: 37 | Читать статью |
HTML — это список того, что есть на странице: заголовок, абзац, кнопка. CSS — это инструкции, как всё это показать: какого цвета, какого размера, где стоит. Представь, что HTML — это манекен, а CSS — одежда. Манекен один и тот же, но в футболке он выглядит как повседневный вариант, а в костюме — как деловой. […]
| Загрузка... |
Просмотров: 48 | Читать статью |
У меня форум на forum.rcl-radio.ru, движок PunBB, база через PDO, PHP 7.4 — в общем, классика, которая вроде бы работает, но как только пытаешься что-то добавить сбоку, сразу начинаются танцы с бубном. Идея была простая: пусть люди заходят не через форму логина, а кнопкой «Войти с Яндексом». Я думал, что самое сложное — это разобраться с OAuth […]
| Загрузка... |
Просмотров: 73 | Читать статью |
SSL/TLS и HTTPS — это фундамент безопасности современного веба. Разберём, что это такое, как работает «под капотом», какие бывают сертификаты и что реально нужно знать разработчику. В чём разница между SSL и TLS Исторически первым был SSL (Secure Sockets Layer), но в нём нашли серьёзные уязвимости. Сейчас везде используют TLS (Transport Layer Security). При этом […]
| Загрузка... |
Просмотров: 40 | Читать статью |
Что такое куки Куки (cookies) — это небольшие текстовые файлы, которые веб‑сервер отправляет браузеру пользователя. Браузер сохраняет их и при последующих обращениях к тому же сайту возвращает серверу. Так сайт «узнаёт» пользователя и помнит его настройки и состояние между запросами. Технически кука — это HTTP‑заголовок Set-Cookie от сервера и соответствующий заголовок Cookie в запросе от браузера. В куке обычно […]
 1,00 (1) Загрузка... |
Просмотров: 51 | Читать статью |
Если текст не помещается в высоту кнопки, то решение зависит от желаемого поведения вашего интерфейса. Рассмотрим возможные варианты действий: Возможные решения: 1 Увеличить высоту кнопки Самый простой вариант — увеличить вертикальное пространство, чтобы вместился весь текст. button { height: 50px; /* Устанавливаем желаемую высоту */ line-height: 50px; /* Центрирование текста по высоте */ } 2 […]
| Загрузка... |
Просмотров: 286 | Читать статью |
С появлением HTML5 разработчики получили мощные инструменты для встраивания аудио- и видеофайлов прямо в веб-страницы без использования сторонних плагинов вроде Flash. В этой статье мы рассмотрим, как использовать теги <audio> и <video>, а также обсудим их основные атрибуты и примеры применения. 1. Введение в тег <audio> Тег <audio> позволяет воспроизводить аудиоконтент непосредственно в браузере пользователя. Вот базовый пример его использования: <audio controls> […]
| Загрузка... |
Просмотров: 1 642 | Читать статью |
Leaflet.js — это удобная JavaScript-библиотека для создания интерактивных карт. Она предоставляет гибкий API для добавления картографических данных, маркеров, слоев и других элементов на карту. В этой статье мы рассмотрим, как создать интерактивную карту с использованием Leaflet.js. Установка и настройка Для начала подключим необходимые файлы через CDN (Content Delivery Network): <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»UTF-8″> <meta name=»viewport» content=»width=device-width, initial-scale=1.0″> […]
| Загрузка... |
Просмотров: 1 481 | Читать статью |
D3.js — это мощная библиотека JavaScript, которая позволяет создавать интерактивные данные визуализаций и диаграммы. Она предоставляет множество возможностей для манипулирования данными и их представления в виде графиков, диаграмм, карт и других визуальных элементов. В этой статье мы подробно разберем процесс создания интерактивных диаграмм с помощью D3.js. Установка и настройка Перед началом работы убедитесь, что у […]
| Загрузка... |
Просмотров: 1 169 | Читать статью |
Изображения играют важную роль в создании привлекательного дизайна сайта, но они также могут значительно замедлить его загрузку. Оптимизируя изображения, можно улучшить пользовательский опыт, повысить скорость загрузки страниц и даже повлиять на SEO (поисковую оптимизацию). В этой статье мы рассмотрим основные аспекты оптимизации изображений для веб-сайтов: выбор правильных форматов, методы сжатия и способы их загрузки. 1. […]
| Загрузка... |
Просмотров: 1 164 | Читать статью |