В CSS есть два похожих на первый взгляд способа обвести элемент: border и outline. Они дают видимую рамку, но работают по-разному. Разберём, чем они отличаются, как ведут себя в макете и в каких случаях лучше применять каждый из них. Главное отличие: влияет ли рамка на поток документа Это самый важный момент. border входит в габариты […]
  Загрузка... |
Просмотров: 18 | Читать статью |
Свойство box-shadow в CSS позволяет добавлять тени к блокам. Одна тень — это уже неплохо, но по-настоящему выразительные эффекты получаются, когда накладывают сразу несколько теней. Это частый приём в интерфейсах: с его помощью делают «слоистый» объём, градиентные тени, свечение, имитацию рельефа и другие визуальные приёмы. Как задать несколько теней Синтаксис одной тени выглядит так: css […]
| Загрузка... |
Просмотров: 16 | Читать статью |
Таблицы в HTML нужны для структурированного представления данных — например, прайс‑листов, расписаний, сравнительных характеристик. В этой статье пошагово разберём, как создать простую таблицу, какие теги использовать и на что обратить внимание. Базовая структура таблицы Любая таблица в HTML строится из нескольких обязательных тегов: <table> — контейнер всей таблицы; <thead> — заголовочная часть (не обязательна, но полезна для семантики); <tbody> — основное содержимое таблицы […]
 1,00 (1) Загрузка... |
Просмотров: 23 | Читать статью |
Тег <head> в HTML — это «служебная» часть страницы. В ней не отображается видимый контент, но именно там размещают метаданные: информацию для браузера, поисковых систем и мобильных устройств. Среди самых важных — <title>, указание кодировки (charset) и настройка области просмотра (viewport). Разберём каждый элемент отдельно, с примерами и пояснениями, зачем он нужен и как его правильно использовать. <title>: заголовок […]
| Загрузка... |
Просмотров: 27 | Читать статью |
Разметка текста — одна из базовых задач при создании веб‑страницы. Чтобы браузер понимал, где заголовок, а где обычный абзац, используют специальные теги. Правильная разметка не только делает страницу понятной для пользователя, но и помогает поисковым системам корректно интерпретировать содержимое. Заголовки: иерархия от H1 до H6 В HTML есть шесть уровней заголовков: <h1>, <h2>, <h3>, <h4>, […]
| Загрузка... |
Просмотров: 49 | Читать статью |
HTML-формы — это базовый инструмент для сбора данных от пользователя: от простого поиска до регистрации и отправки заказов. В этой статье разберём три ключевых элемента: <input>, <label> и <button> — и покажем, как их использовать правильно и удобно. Зачем вообще нужна форма Форма задаётся тегом <form>. Он не отображает ничего видимого, но задаёт контекст: куда и как отправлять данные. […]
| 1,00 (1) Загрузка... |
Просмотров: 91 | Читать статью |
Главный инструмент для вставки картинок в HTML — тег <img>. Он одиночный (не требует закрывающего тега) и работает по принципу «подтянул файл — показал картинку». Но за этой простотой прячется немало деталей, которые напрямую влияют на то, как сайт будет выглядеть и работать. Базовый пример Самый простой вариант: html <img src=»image.jpg» alt=»Описание картинки»> Здесь два обязательных нюанса: src — путь к […]
| Загрузка... |
Просмотров: 31 | Читать статью |
Списки — один из базовых инструментов вёрстки. Они помогают структурировать информацию: пункты меню, шаги инструкции, перечень товаров, требования к задаче и т. д. В HTML есть два основных типа списков: маркированный и нумерованный. Разберём, как их делать правильно, где не ошибиться и как стилизовать с помощью CSS. Маркированный список: когда порядок не важен Маркированный список […]
| Загрузка... |
Просмотров: 27 | Читать статью |
Три ключевых тега, с которых реально всё начинается, — это <html>, <head> и <body>. Разберём, зачем они нужны и как их правильно использовать, на простых примерах. Что такое <html> Тег <html> — это «обёртка» всей страницы. Он говорит браузеру: «Всё, что внутри, — это HTML‑документ». Это корневой элемент: он охватывает всё содержимое страницы от начала до конца. У тега <html> часто […]
| Загрузка... |
Просмотров: 45 | Читать статью |
HTML — это скелет любой страницы в интернете. Он не делает сайт красивым (это задача CSS) и не добавляет логику (это JavaScript). HTML просто говорит браузеру: «тут заголовок, тут абзац, тут картинка, тут кнопка». Если представить страницу как дом, то HTML — это каркас: стены, окна, двери. Без него ничего не получится. Минимальный набор: что […]
| Загрузка... |
Просмотров: 45 | Читать статью |