В процессе создания любого сайта, постоянно возникают задачи связанные с отступами. Например, нужно сдвинуть какой-то абзац чуть ниже или выше, изменить расстояние между контентом и границей своего родительского блока и многие другие.

И в этой статье хочу Вам рассказать именно про отступы css. Первым делом нужно отметить, что есть два типа отступов, внутренние (padding) и внешние (margin).

Добавлено:

Автор статьи:

Просмотров: 541

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

Добавлено:

Автор статьи:

Просмотров: 911

Наверняка Вы заметили, что на многих сайтах подключены различные нестандартные и красивые шрифты. Необычный шрифт выглядит привлекательнее, чем стандартный и это позволяет держать пользователей на сайте больше времени.

Подобрать красивый шрифт для своего сайта можно с помощью замечательного сервиса google fonts. И в этой статье хочу Вам рассказать именно о том, как пользоваться этим сервисом и как добавить google шрифты на своем сайте.

Добавлено:

Автор статьи:

Просмотров: 390

Часто при верстке psd макета необходимо подключать разные нестандартные шрифты в css файле. Такие как Open Sans, Roboto, Myriad и другие. И в этой статье я Вам покажу, как сделать это.

Первым делом у Вас должен быть сам файл шрифта. Его можно скачать с сайта fonts4web.ru. Заходим на этот сайт и в поле поиска вводим название шрифта, которого хотим установить на свой сайт. Я поищу шрифт Open Sans.

Добавлено:

Автор статьи:

Просмотров: 541

Обычно, на сайте всегда есть страница с контактными данными фирмы или автора блога, а также присутствует некая форма для общения с администратором сайта. Вот эта форма и есть форма обратной связи, ее также называют и контактная форма. В этой статье я вам покажу, как реализовать данную форму с помощью html и php, используя функцию mail().

Первым делом создаем новый файл с именем contact.php. Открываем этот файл и создаем в нем html каркас нашей формы обратной связи. Внутри тега <body> пишем следующий код:

Добавлено:

Автор статьи:

Просмотров: 5652

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

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

Добавлено:

Автор статьи:

Просмотров: 12333

Приветствую Вас друзья! В этой статье я Вам расскажу о HTML списках. Это важные элементы, так как они используются практически на каждом сайте. Чаше всего они используются для создания меню сайта, ну и для отображения в виде списка разных элементов на странице.

Существует два вида списков это маркированный список и нумерованный список. Разница между ними в том, что у первого типа элементы списка маркируются фигурами: черные кружки, квадраты и окружности. А у второго типа элементы списка маркируются цифрами и буквами.

Добавлено:

Автор статьи:

Просмотров: 1098

Прежде чем начать создавать сайт нужно выбрать среду разработки, то есть хороший html редактор. Создать html страницу очень просто и это можно сделать в любом текстовом редакторе. В школе мы использовали блокнот, но согласитесь, что это не лучший html редактор и начать создавать сайты в этой среде несерьёзно. Все-таки, для того чтобы следить за тем […]

Добавлено:

Автор статьи:

Просмотров: 3746

Здравствуйте дорогие друзья! В этой статье мы поговорим о том, как работать с изображениями в HTML. Вы видели изображения уже на многих сайтах […]

Добавлено:

Автор статьи:

Просмотров: 1736

Приветствую Вас дорогие читатели! Сегодня мы поговорим о блоках div и о горизонтальной линий hr.
Внутри тега <div></div> создается невидимый блок (контейнер), на который мы можем воздействовать с помощью CSS. Без CSS данный блок никак не влияет на каркас страницы […]

Добавлено:

Автор статьи:

Просмотров: 2464

Всем доброго времени суток! Сегодня мы научимся создать каркас нашей первой HTML страницы. А точнее разберемся с базовой структуры html страницы, узнаем, из чего она состоит. Но прежде всего, поговорим немного о тегах. Что такое тег в HTML? Тег это базовый элемент языка HTML. То есть HTML состоит именно из тегов и для того […]

Добавлено:

Автор статьи:

Просмотров: 8560

Приветствую Вас Друзья! Сегодня мы поговорим о теге абзаце и об атрибуте выравнивания. В общем, весь контент на странице должен быть разбит по абзацам. Содержимое абзаца пишется между тегами <p>Текст…</p>. Когда мы выводим 2 последовательных абзаца, то между ними формируется невидимое поле что отталкивает их друг от друга. Тег <p></p>является блочным тегом поэтому он […]

Добавлено:

Автор статьи:

Просмотров: 4142

Доброго времени суток дорогие читатели! Сегодня я хочу Вам рассказать о том, какие типы заголовков существуют в HTML. Они часто используются на сайте, поэтому Вы должны знать их обязательно. В HTML есть 6 видов заголовков, а точнее 6 уровней. Заголовок имеет следующий синтаксис: <hх>Текст заголовка</hx>, где x указывает на уровень заголовка и может принять значение […]

Добавлено:

Автор статьи:

Просмотров: 2416

В этой статье вы узнаете, как создать форму регистрации и авторизации, используя HTML, JavaScript, PHP и MySql. Такие формы используются почти на каждом сайте, в независимости от его типа. Они создаются и для форума, и для интернет-магазина и для социальных сетей (такие как например Facebook, Twiter, Odnoklassniki) и для многих других типов сайтов.

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

Добавлено:

Автор статьи:

Просмотров: 109481

Всем доброго времени суток! Сегодня я расскажу вам о том, как создать базу данных в phpmyadmin. И так, в первую очередь запускаем сервер и заходим в phpmyadmin. На danwer он расположен по такому адресу: http://localhost/tools/phpmyadmin/

Добавлено:

Автор статьи:

Просмотров: 28798

Поля в CSS означают свободные расстояния между элементами страницы. Отрицательное значение делает наоборот, то есть она позволяет, чтобы какой-то элемент выходил из рамки блока, в котором он находится или если два блока находятся близко друг к другу, вертикально, то если мы задаем отрицательное значение первому  блоку, то второй блок закрывает первого на то расстояние, которое […]

Добавлено:

Автор статьи:

Просмотров: 510

В этой статье я вам покажу, как выровнять страницу сайта по центру окна браузера, под любое разрешение экрана.  Этот метод можно использовать, если страница имеет фиксированную ширину и в дальнейшем, это ширина не будет меняться в зависимости от контента. Этот способ выравнивания рекомендуется использовать начинающим дизайнерам, но в большинство случаев он используется и на сайтах […]

Добавлено:

Автор статьи:

Просмотров: 917

Всем доброго времени суток! В этой статье я вам расскажу об css-селекторах.  Через селектор мы указываем браузеру конкретно, для какого тега или группу тегов, оформить внешний вид на странице. То есть, с начала мы выбираем конкретный тег или несколько тегов из html страницы, это могут быть абзацы, картинки, заголовки, ссылки, элементы списка т.д., а через […]

Добавлено:

Автор статьи:

Просмотров: 300

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

Добавлено:

Автор статьи:

Просмотров: 548

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

Добавлено:

Автор статьи:

Просмотров: 2399