HTML и семантика
Если вы только начали изучать HTML, то загадочное слово «семантика», должно быть, поставило вас в тупик. Семантика — это раздел лингвистики, изучающий смысловое значение единиц […]
Последние записи: Базовый HTML
Объединение строк и столбцов таблицы в группы. Теги thead, tfoot, tbody, col и colgroup
В статье об Объединении ячеек и строк в таблице мы рассматривали, как совместить 2 и более столбцов или строк с помощью атрибутов colspan и rowspan. Но […]
Изображения на html-странице
Изображения на html-странице используются повсеместно — для оформления статьи или в качестве фона для раздела, заголовка, блока. В этой статье мы рассмотрим добавление изображений на […]
Объединение ячеек и строк в таблице
Обычно таблицы в 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 вида списков: списки определений; нумерованные (упорядоченные) списки; маркированные (неупорядоченные) списки. Рассмотрим их подробнее. Списки определений Списки определений нужны в тех сайтах, […]
Формы
Формы есть на всех сайтах, которые предоставляют возможность поиска по сайту или имеют страницу (блок) «Контакты». Создаются формы с помощью тега <form> и ряда тегов […]
Виды 2-хколоночных макетов на основе свойства float
Двухколоночные макеты — это довольно распространенный вариант верстки сайтов, например, созданных на платформе WordPress.
Виды горизонтальных меню для сайта
Сейчас существует множество вариантов горизонтальных меню для сайтов. Но, как правило, все они построены на основе неупорядоченного списка из ссылок, т.е. тегов <ul>, <li>, <a>. […]
Создание градиента. Радиальный градиент
Радиальный градиент, как и линейный, создается в самом простом случае на основе 2-х цветов с помощью свойства background или background-image и значения radial-gradient():