Логическое форматирование и верстка web-ресурсов

1. В логическом форматировании текста делаются прямые указания на структурные элементы гипертекста. В спецификации html это делается так:

< p > это абзац текста < / p >

< h1 > это заголовок первого уровня < / h1 >

< li > это элемент списка < / li >

Браузер самостоятельно принимает решение о способе отображения на экране каждого структурного элемента (символа, абзаца, элемента списка и других). На отображение элементов могут повлиять атрибуты тегов или прописанные в шаблонах стили.

2. Про верстку сайтов читаем тут http://htmlbook.ru/content/osnovy-verstki

и готовые макеты берем тут http://htmlbook.ru/layout копируем скрипты и используем в своих проектах