Цвет в CSS — это не просто «красный» или «синий», а конкретный способ описания оттенка, который браузер сможет отобразить. У каждого формата есть своя логика и удобные сценарии применения. HEX: компактный формат для точных цветов HEX — это шестнадцатеричная запись цвета в виде #rrggbb, где каждая пара символов отвечает за красный, зелёный и синий каналы (от 00 […]
  Загрузка... |
Просмотров: 85 | Читать статью |
В HTML есть несколько тегов, которые визуально делают текст заметнее. Но браузеры и скринридеры (программы для чтения с экрана) понимают их по‑разному. Разберём на примерах, когда использовать strong, когда em, а когда mark, и как это влияет не только на внешний вид, но и на доступность и семантику страницы. strong: смысловое усиление, важность Тег <strong> […]
| Загрузка... |
Просмотров: 223 | Читать статью |
В HTML есть два похожих на первый взгляд элемента, которые влияют на расположение текста: <p> (абзац) и <br> (перенос строки). Часто их путают: ставят <br> там, где нужен абзац, или делают несколько <br> подряд, чтобы «отодвинуть» текст. Что делает каждый тег <p> — это семантический блок, обозначающий абзац. Он несёт смысл: «это отдельный смысловой кусок текста». Браузер […]
| Загрузка... |
Просмотров: 79 | Читать статью |
Заголовки в HTML — это не просто способ сделать текст крупнее. Это структурный каркас страницы, который помогает и человеку, и поисковику понять, о чём речь и в каком порядке идут смысловые блоки. Для этого в языке разметки есть шесть уровней заголовков: от H1 (самый главный) до H6 (самый мелкий). Что означают уровни H1–H6 У каждого уровня своя […]
| Загрузка... |
Просмотров: 87 | Читать статью |
В CSS есть два похожих на первый взгляд способа обвести элемент: border и outline. Они дают видимую рамку, но работают по-разному. Разберём, чем они отличаются, как ведут себя в макете и в каких случаях лучше применять каждый из них. Главное отличие: влияет ли рамка на поток документа Это самый важный момент. border входит в габариты […]
| Загрузка... |
Просмотров: 95 | Читать статью |
Свойство box-shadow в CSS позволяет добавлять тени к блокам. Одна тень — это уже неплохо, но по-настоящему выразительные эффекты получаются, когда накладывают сразу несколько теней. Это частый приём в интерфейсах: с его помощью делают «слоистый» объём, градиентные тени, свечение, имитацию рельефа и другие визуальные приёмы. Как задать несколько теней Синтаксис одной тени выглядит так: css […]
| Загрузка... |
Просмотров: 105 | Читать статью |
Таблицы в HTML нужны для структурированного представления данных — например, прайс‑листов, расписаний, сравнительных характеристик. В этой статье пошагово разберём, как создать простую таблицу, какие теги использовать и на что обратить внимание. Базовая структура таблицы Любая таблица в HTML строится из нескольких обязательных тегов: <table> — контейнер всей таблицы; <thead> — заголовочная часть (не обязательна, но полезна для семантики); <tbody> — основное содержимое таблицы […]
 1,00 (1) Загрузка... |
Просмотров: 83 | Читать статью |
Тег <head> в HTML — это «служебная» часть страницы. В ней не отображается видимый контент, но именно там размещают метаданные: информацию для браузера, поисковых систем и мобильных устройств. Среди самых важных — <title>, указание кодировки (charset) и настройка области просмотра (viewport). Разберём каждый элемент отдельно, с примерами и пояснениями, зачем он нужен и как его правильно использовать. <title>: заголовок […]
| Загрузка... |
Просмотров: 105 | Читать статью |
Разметка текста — одна из базовых задач при создании веб‑страницы. Чтобы браузер понимал, где заголовок, а где обычный абзац, используют специальные теги. Правильная разметка не только делает страницу понятной для пользователя, но и помогает поисковым системам корректно интерпретировать содержимое. Заголовки: иерархия от H1 до H6 В HTML есть шесть уровней заголовков: <h1>, <h2>, <h3>, <h4>, […]
| Загрузка... |
Просмотров: 99 | Читать статью |
HTML-формы — это базовый инструмент для сбора данных от пользователя: от простого поиска до регистрации и отправки заказов. В этой статье разберём три ключевых элемента: <input>, <label> и <button> — и покажем, как их использовать правильно и удобно. Зачем вообще нужна форма Форма задаётся тегом <form>. Он не отображает ничего видимого, но задаёт контекст: куда и как отправлять данные. […]
| 1,00 (1) Загрузка... |
Просмотров: 171 | Читать статью |