WEB-нотатки - записник он-лайн

Багато тексту у DIV віконце.

Використаємо для таких цілей тег DIV.

<DIV STYLE="width:500; height:300; overflow:scroll; border:double; border-color:#000000">З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю.</DIV>

З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю. З'їж ще цих м'яких французьких булок, та випий чаю.

Як ви правильно розумієте width:500; і height:300; - це розміри віконця, а border:double; і border-color:#000000" параметри рамки навколо віконця.

DIV (HTML 3.2) - Division

Використовується для логічного виділення блоку HTML-документа. Елемент угрупування, як і елемент SPAN. У сучасному Сайтобудування використовується як зручний контейнер для об'єктів сторінки, яким легко маніпулювати динамічно - переміщати, вмикати / вимикати, створювати шари, регулювати відступи і т.п.

У браузеронезалежній верстці зазвичай використовується для вирівнювання блоку html-коду у вікні браузера.

Знаходячись між початковим і кінцевим тегами текст або HTML-елементи за замовчуванням оформлюються як окремий параграф.

Атрибути:

ALIGN - визначає вирівнювання вмісту елемента DIV. Атрибут може приймати значення: left, right, center.

Тег DIV в комбінації з CSS можна використовувати для створення шару. Думаю за цією технологією майбутнє.

Шаблон HTML-коду шару виглядає так:

<div style="Свойства слоя">
Вміст шару
</ div>

Властивості шару - це властивості таблиці стилів CSS. Записуються вони так:

властивість: значення

Природно, властивості шару можуть складатися з декількох пар властивість: значення, які відокремлюються один від одного крапкою з комою.

position: absolute

Без вказівки цієї властивості (саме із значенням absolute) ви не зможете встановити позицію шару відносно лівого верхнього кута вікна броузера з допомогою властивостей left і top (див. нижче).

left: число

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

top: число

Визначає відстань від верхнього краю вікна браузера до верхнього краю шару. Решта - аналогічно властивості left.

width: число

Ця властивість вказує ширину шару. Якщо зазначена ширина шару менше, ніж ширина картинок, таблиць і інших нерозривних елементів, ширина шару буде визначатися найбільш широким елементом. Можна вказувати ширину і у відсотках (width: 100%), правда, це дає дещо дивний результат в обох браузерах.

height: число

Визначає висоту шару. Правда деякі браузери це властивість не підтримують - вони визначають висоту шару по його вмісту.

background-color: колір

Ця властивість визначає фоновий колір шару. Як і в HTML, можна вказувати і шістнадцяткове значення (# FFFFFF), і "звичайну" назву кольору (white).

background-image: url (шлях)

Визначає фонове зображення шару. Як шлях можна вказувати повний URL (http://www.utugi.ru/img/bgimg.gif) так і відносний шлях (/img/bgimg.gif).

z-index: число

Ця властивість служить для визначення порядку розташування шарів на сторінці. Чим менше значення властивості z-index, тим пізніше шар виводиться на екран. Наприклад, шар із значенням z-index, що дорівнює 0, буде перекривати шар з z-index: 1. Таким чином, повний приклад тега DIV, що визначає шар, може виглядати наступним чином:

<div style="position:absolute; top:25; left:25; width:200; height:400;
background-color:#FFFFFF; background-image: url (/img/bgimg.gif);">Вміст шару</ div>

І так далі...