Содержание страницы
домикГлавная / Элементы html и css
Элементы для сайта htmlКаждый начинающий веб-мастер должен понимать принцип действия каждого элемента html использующего на страницах и уметь правильно прописать для него код.
В этой рубрике я постарался выложить основные элементы для сайта html с кодом и визуальными примерами, которые чаще всего используют вебмастера.

В правой колонке Содержание вы можете выбрать любой из списка элемент, ознакомиться с ним и после применить его у себя на сайте.

Онлайн фильмы режиссера Тинто Брасс

Приобрести диплом в Екатеринбурге на сайте с доставкой в любой регион возможно у нас в компании http://mskdiplomass.com.

Обучение HTML онлайн видео-урок
Обучение HTML онлайн видео-урокХотите обучиться HTML онлайн и за 2-4 дня написать и собственноручно сделать сайт, который будет отвечать всем требованиям и адаптированный под ...
Как выровнять div по высоте
вывовнить div по высотеДля примера, чтобы блоки были одной высоты, я использую три способа, с помощью которых можно легко выровнять div по высоте. Первые два способа для ...
Адаптивное горизонтальное меню
адаптивное менюВ наше время для сайта всё чаще становится актуальным воплощение адаптивного горизонтального меню, которое на мобильных устройствах будет ...
CSS тень для текста
css тень текстаДля выразительности текста и придания ему классного эффекта, добавляют к нему тень на css, где в качестве свойства выступает text-shadow, с помощью ...
Кнопки css примеры
Кнопки css примерыКнопки css - большая подборка из 142 анимированных кнопок в примерах, выполненных только на css. Кнопки css имеют классные эффекты при нажатии ...
CSS тень для блока div
тень для блока divПрименяем к блоку трёхмерный эффект для увеличения его видимости и объёма, к нему применяем css параметр box-shadow, и тем самым получаем на ...
Как сделать блоки div по горизонтали
блока div по горизонталиОчень часто при вёрстке сайта появляется необходимость прописать блоки div по горизонтали, или по-иному сделать блоки div в ряд. Это делается ...
PRE для сайта, как вывести html код на странице
PRE для сайта, как вывести html код на страницеПознакомлю, для тех кто не знает, как вывести html код на странице в виде текста с удобной и красивой подсветкой тегов, свойств, атрибутов и функций с ...
Вывод php на html странице
Вывод php на html страницеСтатья посвящена тем, у кого рукописный сайт, то есть сделан сайт своими руками без применения каких-либо движков (WordPress, Joomla и прочих) ...
Модальное окно при закрытии страницы
Модальное окно при закрытии страницыПродолжая тему всплывающих окон перейдём к последнему примеру и рассмотрим вариант, когда необходимо сделать модальное окно при ...
Модальное окно при открытии страницы
Модальное окно при открытии страницыТеперь познакомимся с примером, где модальное окно будет автоматически появляться через заданный отрезок времени при открытии ...
Как сделать модальное окно на css
Как сделать модальное окно на cssМодальное, либо всплывающее окно (называют по-разному) – это очень распространённый элемент html применяемый на веб-сайте. Основное ...
Как сделать ссылку на сайт html
Как сделать ссылку на сайт htmlПубликация посвящена ссылкам: как сделать ссылку на сайте, и какие необходимо внедрить параметры для ссылки. Из данной статьи вы узнаете ...
Как сделать меню в html
Как сделать меню в htmlДля удобной навигации по сайту на всех страницах используют меню, чтобы пользователю было понятно, что и где у вас находится. Практически ...
Как сделать фон на сайте
Как сделать фон на сайтеВ этой статье я вам расскажу и покажу как сделать фон на сайте посредством наложения любого цвета, градиента или рисунка (фотографии) ...
Показать ещё 15
Готовое меню для сайта на css и jQuery
Готовое меню для сайта на css и jQueryВашему вниманию представляю готовое меню для сайта на CSS и jQuery с предоставлением кода на них для копирования и последующего ...
Как правильно установить кодировку для сайта
Как правильно установить кодировку для сайтаДля правильного отображения текстового контента на вашем сайте необходимо выполнить 2 правила связанные с кодировкой. Мы живём в ...
Как и где продать информацию
Как и где продать информациюВы имеете информацию, которую хотите продать, но не знаете как это сделать и где. Можно найти конечно сервисы онлайн, которые предоставляют ...
Как настроить выделенный сервер VDS Zomro
Как настроить выделенный сервер VDS ZomroПродолжая тему VDS Zomro, переходим к настройке выделенного сервера. После того, как вы заказали VDS Zomro с указанием своего домена, через ...
Дешевый виртуальный сервер Zomro
Дешевый виртуальный сервер ZomroВиртуальный сервер (vds или vps) является эмулятором настоящего физического сервера, где на одной машине могут функционировать сразу ...
Как установить на сайт html видео бутстрап
Как установить на сайт html видео бутстрапВ этой статье хочу рассказать, как установить на сайт html видео на бутстрап. Применив не сложный код, такое видео для показа на страницах ...
Как сделать меню на Бутстрап
Как сделать меню на БутстрапЭто третий урок, как сделать сайт на бутстрап, и в нём мы поговорим о горизонтальном и вертикальном меню Бутстрап. Рассмотрим какой код ...
Как сделать карусель на бутстрап
Как сделать карусель на бутстрапПосле того, как разобрались с меню на бутстрап, перейдём к фотогалерее - карусель бутстрап. Как и описывал в предыдущих статьях для ...
Как сделать картинку на бутстрап
Как сделать картинку на бутстрапЧтобы сделать картинку бутстрап на странице html адаптивной, достаточно в код картинки добавить определённый класс, и ваши фотки будут ...
Делаем свой сайт на бутстрап
Делаем свой сайт на бутстрапПосле изучения основ по html и css переходим ко второму уроку и будем делать адаптивный (резиновый) сайт с применением готового набора ...
Создание сайта с помощью конструктора Artisteer 4
Создание сайта с помощью конструктора Artisteer 4Практически у каждого из нас, кто довольно часто пользуется интернетом и просматривает просторы Рунета, возникает вполне нормальное ...
Логотип для сайта в формате PSD
Логотип для сайта в формате PSDДовольно часто перед мастерами возникает задача - какой логотип сайта добавить в шапку? И приходится долго ломать голову, потому как ни ...
Ключевые слова для сайта
Ключевые слова для сайтаИзвестно, что для продвижения сайта нужен интересный и полезный контент, но важную роль играет правильный подбор и расстановка ...
SEO - Продвижение сайта, оптимизация сайта
SEO - Продвижение сайта, оптимизация сайтаДля чего нужны оптимизация и продвижение сайта? К примеру, вы имеете свой сайт и создали вы его в 99% случаев - не для собственного ...
Что такое домен (доменное имя)
Что такое домен (доменное имя)Что такое домен ( доменное имя ), и для разъяснений возьмём для примера реальную жизнь... Вы имеете возможность продавать какие-то ...
Показать последние
Какой хостинг лучше выбрать для сайта
Какой хостинг лучше выбрать для сайтаЕсли Ваш сайт отвечает всем требованиям российского законодательства, и Вы хотите, чтобы он успешно индексировался в поисковых ...
Как нарастить тИЦ сайта
Как нарастить тИЦ сайтаПрежде, чем описывать способы, как нарастить тИЦ сайта, сразу хочу предупредить: не путайте пожалуйста это с продвижением сайта ...
Position css / Позиционирование в css
Позиционирование в cssДля позиционирования элементов при помощи css на страницах html применяют свойство position со значениями: static relative absolute fixed ...
Как сделать RSS канал
Как сделать RSS каналМы будем рассматривать тему - как сделать RSS на самописном сайте, так как на движках (WordPress, Joomla и прочее) этот параметр встроен ...
Отступы в css
Отступы в cssДля более красивого отображения элементов на web-странице применяют внешний и внутренний отступы в css и на примерах мы это сейчас ...
Параграф html
Параграф htmlПараграф в html так же как и в книге имеет определённый текстовый смысл и для удобного понимания и чтения разделяется неким горизонтальным ...
Приоритет в css
приоритет для cssДовольно часто у новичков при изменении и добавлении стилевых значений происходит ошибка, возникшая по причине отсутствия понятия об ...
Как подключить шрифт к html
подключаем шрифт в документе htmlКаждый вебмастер использует на своём сайте шрифты html на своё усмотрение, - здесь дело вкуса. Но не все знают как правильно подключить ...
Как подключить css
подключаем cssТеперь, как изучили основы html, поговорим о стилевой разметке css, которая придаёт определённый внешний вид страницам html. Без понимания ...