Блокова верстка сторінок

Верстка сторінок блоками

Навчальну сторінку яку я Вам хочу запропонувати зробити буде написана на мові xhtml, який більш вимогливий до розробника, тому що містить більш жорсткі стандарти. Так, теги в html можуть писатися в будь-якому регістрі, а в xhtml - тільки в нижньому. Також в xhtml обов'язкові слеші (коса риска в кінці тегів), наприклад
-


і т.д.

На прикладі однієї простої сторінки спробую пояснити принцип верстки блоками. Я правда і сам до кінця ще не розібрався у всіх премудростях цієї справи, але разом сподіваюся нам це вдасться.

На основі ось такого простого коду ми з Вами зробимо сторінку

Тема контенту

Тема суб-контенту

Скопіюйте та збережіть нижче наведений код в який я додав тексти і посилання

А звідси скопіюйте дві картинки для сторінки і розташуйте їх в тій же папці де лежить навчальна сторінка.

html код навчальної сторінки

Сюди будемо вставляти стилі

- блок в якому знаходяться інші блоки (контейнер)