Давайте разберем 4 способа выравнивания блока при верстке
В данном видео хорошо описаны моменты основных способов, которыми есть смысл пользоваться при выравнивании блоков
Читать далее...
Валидация на HTML5
На html5 также есть валидация. Действительно есть возможность хоть как-то, но проверить информацию которую вводит пользователь.
Начнем:
Если мы хотим, чтобы данные могли проверяться мы обязательно должны создавать инпуты внутри формы.
Т.е:
<form>
.......
</form>
Читать далее...Верстаем с помощью display, превращаем строчные теги в блочные
Здравствуйте! Сегодня будем говорить о расположении блоков в ряд (слева направо) и вертикально сверху вниз. Как это делать быстро и красиво.
По большому счету в html существует много вариантов расположения блочных элементов, но один из актуальных и элегантных на сегодня - это с использованием свойства display.
Итак если есть три блока например:
<div class="leftbar></div> <div class="content"></div> <div class="rightbar"></div>
Чтобы расположить их слева направо давайте будем использовать свойство display:inline-block
<style> .leftbar,.content,.rightbar{ display:inline-block; } </style>
Тогда все они послушно встанут паровозиком и будут неплохо себя вести при изменении разрешения экрана. Это дает нам хорошую верстку главных родительских блоков при создании каркаса сайта
Если же какие-нибудь строчные теги наподобии <a href ></a> нужно расположить вертикально сверху вниз без оборачивания в блочные - то прибегаем к подобной схеме......
Читать далее...
Создаем простую форму html
В этом уроке рассмотрим создание красивой формы регистрации html + css.
Фомы нужны для получения различных данных от пользователя. Для создания форм в html есть тег <form>.
Рассмотрим основные атрибуты, которые используются чаще всего.
action - адрес страницы которая будет обрабатывать данные.
method - метод протокола http, может быть GET или POST
- GET- данные будут передаваться в адресной строке, например в форме будут введены имя ivan и пароль qwerty, в адресной строке мы увидим примерно следующее: http://site.ru/form.php?name=ivan&password=qwerty
- POST- посылает на сервер данные в запросе браузера. Этот метод используется, если нам не нужно, чтобы в адресной строке были видны введенные данные. Например нам не нужно чтобы было видно введенный пароль. В адресной строке мы получим http://site.ru/form.php
name - имя формы, нужно для обработки данных. ...
Читать далее...Учимся верстать на флексбоксах
Технология флексбокс в последнее время набрала популярность и заслуженно. Разберем это в видеоуроке.
Читать далее...