Тeгі «div» і «span»

Але, за їх допомогою, можна створювати контейнери, на які потім дуже зручно впливати засобами CSS.

Їх можна робити видимими і не видимими, можна задавати їм рамки і розміщувати в різних частинах екрану.

Ви це зрозумієте на практиці, а поки запам'ятаємо наступне:

А - це вбудований елемент, і всередині його може розміщуватися тільки текст, або ще вбудований елемент, і розташувати його можна в будь-якій частині тексту.

Одним з чудових властивостей тега

Саме завдяки цій особливості, і створюється блоковий каркас сайту.

Якщо поглянути на код блочного шаблону, то видно, що він весь складається з Дивов, і вкладені вони один в одного по кілька разів.

Щоб не збитися, і для кожного відкриває тега, не пропустити закриває, і не запороти тим самим весь код, спочатку потрібно написати пару

Кількість вкладень, в принципі, не обмежена. Кожному відкриває тегу задається ідентифікатор, або клас, які потім використовуються в таблицях стилів для визначення, якого блоку задаються ті чи інші властивості і значення.

У прикладі показано, що блоку з ідентифікатором (id) wrapper задані ширина, тимчасова рамка, внутрішні і зовнішні відступи, і позиціонування.

тег в основному застосовується для виділення будь-яких частин тексту, шляхом підключення до нього вбудованих стилів.

У прикладі показано, як за допомогою тега , можна пофарбувати слово head в синій колір.

тег - голова документа

тег - голова документа

До кольору можна додати розмір, вид шрифту, і так далі.

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

Невже не залишилося питань? запитати

Постоялець - господині готелю:
- А що це за дивна пляма на стелі у мене в кімнаті?
- Розумієте, до вас тут жив один хімік.
- Це пляма від хімікатів?
- Ні, від хіміка.