Содержание страницы
Age-Dragon.com
Главная / Элементы html и css

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

Элементы html и css

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

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