Объединение строк и столбцов таблицы в группы. Теги thead, tfoot, tbody, col и colgroup
В статье об Объединении ячеек и строк в таблице мы рассматривали, как совместить 2 и более столбцов или строк с помощью атрибутов colspan и rowspan. Но […]
Последние записи: HTML
Изображения на html-странице
Изображения на html-странице используются повсеместно — для оформления статьи или в качестве фона для раздела, заголовка, блока. В этой статье мы рассмотрим добавление изображений на […]
Особенности блоков с display:inline-block
В спецификации HTML представлены теги, которые являются изначально либо строчными (свойство display имеет значение inline), либо блочные (display: block). Однако с выходом стандарта CSS3 появилась возможность […]
Объединение ячеек и строк в таблице
Обычно таблицы в HTML используют в их привычном виде — т.е. когда количество столбцов одинаково в каждой строке. Но, предположим, необходимо объединить несколько столбцов в […]
Таблицы в HTML. CSS-свойства для таблиц
Таблицы в HTML создаются с помощью нескольких тегов. Родительским является тег <table>, внутри которого располагаются теги <tr> — от англ. table row — это строки […]
CSS-свойство float. Плавающие элементы. Отмена обтекания
CSS-свойство float определяет, с какой стороны текст будет обтекать элемент, для которого оно указано. Это свойство используется довольно часто для оформления статей картинками, которые должны […]
Блочная модель элемента. Нюансы Element Box Model
Блочная модель элемента — это набор css-свойств элемента, позволяющих управлять его внешним видом. С помощью набора свойств box-модели вы можете оформить различные элементы в соответствии […]
Полноэкранная видео-презентация
В этой статье будет рассмотрено, как создать полноэкранную видео-презентацию, которая изменяется и анимируется, превращаясь в контент мобильного устройства.
Форматирование текста с помощью плагина Emmet
Для того чтобы отформатировать текст в виде html, обычно используются теги. Причём чаще всего сначала формируют разметку документа в виде тегов, а потом внутрь них […]
Стили для списков
Стили для списков начинаются с приставки list-style-. К ним относятся: list-style-type, list-style-position, list-style-image и объединенное свойство list-style. Рассмотрим их последовательно.
Вложенные списки
Вложенные списки вам наверняка встречались, и не раз. Само название говорит о том, что внутрь одного списка вложен другой, а может быть и несколько списков. […]
Списки в HTML
В HTML существует 3 вида списков: списки определений; нумерованные (упорядоченные) списки; маркированные (неупорядоченные) списки. Рассмотрим их подробнее. Списки определений Списки определений нужны в тех сайтах, […]
Использование тега iframe
В HTML5 использование фреймов запрещено. Они считаются устаревшими элементами, и их использование на данный момент действительно не имеет смысла. Но при желании вы можете прочитать […]
Формы
Формы есть на всех сайтах, которые предоставляют возможность поиска по сайту или имеют страницу (блок) «Контакты». Создаются формы с помощью тега <form> и ряда тегов […]
Виды 2-хколоночных макетов на основе свойства float
Двухколоночные макеты — это довольно распространенный вариант верстки сайтов, например, созданных на платформе WordPress.
Гуд-бай, старый Internet Explorer
Microsoft заявил о прекращении поддержки Internet Explorera версий младше 11-ой. Вторник, 12 января 2016 года будет «последним днем жизни» для старых версий этого браузера.
Виды горизонтальных меню для сайта
Сейчас существует множество вариантов горизонтальных меню для сайтов. Но, как правило, все они построены на основе неупорядоченного списка из ссылок, т.е. тегов <ul>, <li>, <a>. […]
Создание градиента. Радиальный градиент
Радиальный градиент, как и линейный, создается в самом простом случае на основе 2-х цветов с помощью свойства background или background-image и значения radial-gradient():