В процессе создания любого сайта, постоянно возникают задачи связанные с отступами. Например, нужно сдвинуть какой-то абзац чуть ниже или выше, изменить расстояние между контентом и границей своего родительского блока и многие другие.
И в этой статье хочу Вам рассказать именно про отступы css. Первым делом нужно отметить, что есть два типа отступов, внутренние (padding) и внешние (margin).
Во время верстки сайта, необходимость определения стиля шрифта, размера, цвета и других характеристик текста появляется довольно часто. Поэтому, каждый верстальщик должен уметь делать это. И в этой статье я подробно Вам расскажу, как решить этот вопрос, а именно как определить стиль текста с помощью знаменитой программы, фотошоп.
Наверняка Вы заметили, что на многих сайтах подключены различные нестандартные и красивые шрифты. Необычный шрифт выглядит привлекательнее, чем стандартный и это позволяет держать пользователей на сайте больше времени.
Подобрать красивый шрифт для своего сайта можно с помощью замечательного сервиса google fonts. И в этой статье хочу Вам рассказать именно о том, как пользоваться этим сервисом и как добавить google шрифты на своем сайте.
Часто при верстке psd макета необходимо подключать разные нестандартные шрифты в css файле. Такие как Open Sans, Roboto, Myriad и другие. И в этой статье я Вам покажу, как сделать это.
Первым делом у Вас должен быть сам файл шрифта. Его можно скачать с сайта fonts4web.ru. Заходим на этот сайт и в поле поиска вводим название шрифта, которого хотим установить на свой сайт. Я поищу шрифт Open Sans.
Обычно, на сайте всегда есть страница с контактными данными фирмы или автора блога, а также присутствует некая форма для общения с администратором сайта. Вот эта форма и есть форма обратной связи, ее также называют и контактная форма. В этой статье я вам покажу, как реализовать данную форму с помощью html и php, используя функцию mail().
Первым делом создаем новый файл с именем contact.php. Открываем этот файл и создаем в нем html каркас нашей формы обратной связи. Внутри тега <body> пишем следующий код:
Приветствую Вас дорогие друзья! В этой статье мы поговорим о HTML ссылках. Это очень важный элемент и Вы, безусловно, должны знать, что это такое и где используются, так как ссылки присутствуют на каждом сайте.
Я еще не встретил в интернете такие сайты, чтобы не имели хотя бы одну ссылку. В первую очередь ссылки используются для связки страниц, то есть для того чтобы пользователь смог перейти с одной страницы на другую.
Приветствую Вас друзья! В этой статье я Вам расскажу о HTML списках. Это важные элементы, так как они используются практически на каждом сайте. Чаше всего они используются для создания меню сайта, ну и для отображения в виде списка разных элементов на странице.
Существует два вида списков это маркированный список и нумерованный список. Разница между ними в том, что у первого типа элементы списка маркируются фигурами: черные кружки, квадраты и окружности. А у второго типа элементы списка маркируются цифрами и буквами.
Прежде чем начать создавать сайт нужно выбрать среду разработки, то есть хороший html редактор. Создать html страницу очень просто и это можно сделать в любом текстовом редакторе. В школе мы использовали блокнот, но согласитесь, что это не лучший html редактор и начать создавать сайты в этой среде несерьёзно. Все-таки, для того чтобы следить за тем […]
Здравствуйте дорогие друзья! В этой статье мы поговорим о том, как работать с изображениями в HTML. Вы видели изображения уже на многих сайтах […]
Приветствую Вас дорогие читатели! Сегодня мы поговорим о блоках div и о горизонтальной линий hr.
Внутри тега <div></div> создается невидимый блок (контейнер), на который мы можем воздействовать с помощью CSS. Без CSS данный блок никак не влияет на каркас страницы […]
Всем доброго времени суток! Сегодня мы научимся создать каркас нашей первой HTML страницы. А точнее разберемся с базовой структуры html страницы, узнаем, из чего она состоит. Но прежде всего, поговорим немного о тегах. Что такое тег в HTML? Тег это базовый элемент языка HTML. То есть HTML состоит именно из тегов и для того […]
Приветствую Вас Друзья! Сегодня мы поговорим о теге абзаце и об атрибуте выравнивания. В общем, весь контент на странице должен быть разбит по абзацам. Содержимое абзаца пишется между тегами <p>Текст…</p>. Когда мы выводим 2 последовательных абзаца, то между ними формируется невидимое поле что отталкивает их друг от друга. Тег <p></p>является блочным тегом поэтому он […]
Доброго времени суток дорогие читатели! Сегодня я хочу Вам рассказать о том, какие типы заголовков существуют в HTML. Они часто используются на сайте, поэтому Вы должны знать их обязательно. В HTML есть 6 видов заголовков, а точнее 6 уровней. Заголовок имеет следующий синтаксис: <hх>Текст заголовка</hx>, где x указывает на уровень заголовка и может принять значение […]
В этой статье вы узнаете, как создать форму регистрации и авторизации, используя HTML, JavaScript, PHP и MySql. Такие формы используются почти на каждом сайте, в независимости от его типа. Они создаются и для форума, и для интернет-магазина и для социальных сетей (такие как например Facebook, Twiter, Odnoklassniki) и для многих других типов сайтов.
Если у Вас сайт на локальном компьютере, то я надеюсь, что у Вас уже установлен и запущен локальный сервер. Без него ничего работать не будет.
Всем доброго времени суток! Сегодня я расскажу вам о том, как создать базу данных в phpmyadmin. И так, в первую очередь запускаем сервер и заходим в phpmyadmin. На danwer он расположен по такому адресу: http://localhost/tools/phpmyadmin/
Поля в CSS означают свободные расстояния между элементами страницы. Отрицательное значение делает наоборот, то есть она позволяет, чтобы какой-то элемент выходил из рамки блока, в котором он находится или если два блока находятся близко друг к другу, вертикально, то если мы задаем отрицательное значение первому блоку, то второй блок закрывает первого на то расстояние, которое […]
В этой статье я вам покажу, как выровнять страницу сайта по центру окна браузера, под любое разрешение экрана. Этот метод можно использовать, если страница имеет фиксированную ширину и в дальнейшем, это ширина не будет меняться в зависимости от контента. Этот способ выравнивания рекомендуется использовать начинающим дизайнерам, но в большинство случаев он используется и на сайтах […]
Всем доброго времени суток! В этой статье я вам расскажу об css-селекторах. Через селектор мы указываем браузеру конкретно, для какого тега или группу тегов, оформить внешний вид на странице. То есть, с начала мы выбираем конкретный тег или несколько тегов из html страницы, это могут быть абзацы, картинки, заголовки, ссылки, элементы списка т.д., а через […]
В этой статье, я вам расскажу о том, как подключить css к html странице. Если вы не знаете как создать html страницу то для начало прочитайте эту статью Как создать HTML страницу после этого возвращайтесь к этой статьи. Итак начнем с того что существуют 3 разных способов для решения этой задачи.
Каждый начинающий вебмастер должен знать, как создать html страницу, а делается это очень легко и просто. Я могу вам уверенно сказать что после того как прочитаете эту статью, вы будете создавать html страницы без никаких трудностей. […]
