Блог Александра Лысенко о верстке, фрилансе и жизни

Основы верстки

14 ноября 2014г.

Основы версткиВерстка сайтов на сегодня очень востребованная работа, поэтому многие хотят научится и заниматься версткой. В этой статье дам первые понятия верстке.

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

Существует два типа верстки веб-сайтов: блочная и табличная. Блочная состоит из блочных элементов языка разметки html, а табличная полностью из таблиц. Узнав о существовании табличной верстки сразу забудьте о ней. Поставьте на ней крест, так как это прошлый век и теперь не один уважающий себя и окружающих верстальщик не верстает таблично.

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

Все элементы html-верстки называются тегами. Теги легко узнать по знакам «<» и «>» в начале и конце самого тега. К примеру:

Почти у всех тегов есть атрибуты. Это своего рода дополнительной информации к тегу. Есть атрибуты обязательные, а есть дополнительные или вспомогательные. Например:

<a href="http://aleksandrlao.ru" title="Aleksandrlao"></a>

атрибут href это обязательный для ссылки (тег <a>), а вот title уже нет и его отсутствие не будет ошибкой. Теги бывают парные или, как еще называют, сдвоенные (как на примере выше) или одиночные, такие как <br>, <img>. Основная разница в том, что задача парных стилизовать текст или объекты внутри открывающего и закрывающего тега.

Если вы подумали что на этом основы верстки закончены — глубоко ошибаетесь. Все только начинается!