Использование изображений Unsplash.com на страницах сайта
Unplash.com — очень известный сайт, на котором вы найдете изображения на самую разную тематику, причем бесплатно или за условную плату в виде предложения поделиться этим […]
Последние записи: HTML
Примеры использования html-тегов figure и figcaption
HTML-теги figure и figcaption появились в стандарте HTML5 для формирования блока с картинкой и описания к ней. Кроме того, эти теги можно применять для оборачивания […]
Псевдоклассы и псевдоэлементы для оформления элементов форм
Псевдоэлемент ::placeholder Псевдоэлемент ::placeholder позволит вам оформить внешний вид текста, который выводится с помощью атрибута placeholder для любого текстового поля формы. Как правило, используются теги […]
CodeLobster IDE – бесплатный PHP, HTML, CSS, JavaScript редактор
При выборе текстового редактора вам придется учитывать ряд моментов, самыми важными из которых будет количество языков разметки или программирования, которые вам будут нужны, расширяемость редактора, […]
Объединение строк и столбцов таблицы в группы. Теги thead, tfoot, tbody, col и colgroup
В статье об Объединении ячеек и строк в таблице мы рассматривали, как совместить 2 и более столбцов или строк с помощью атрибутов colspan и rowspan. Но […]
Изображения на 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> и ряда тегов […]