Підручник html - кордону, рамки і відступи html-таблиць

Ми вже з'ясували з вами, що у HTML-таблиць є рамки. хоча за замовчуванням їх браузери і не показують. Але це ще не все, у кожного елементу таблиці теж є рамка, яка називається межа осередку. Але і це ще не все, використовуючи спеціальні атрибути тега

можна змінювати відстані між осередками і від осередків до рамки таблиці, а також внутрішні відступи від меж осередків до їх вмісту.

Рамка HTML-таблиці, межі осередків, відстані між ними і внутрішні відступи.

Підручник html - кордону, рамки і відступи html-таблиць

Отже, для створення рамки HTML-таблиці і кордонів її осередків використовується всього один атрибут тега

- border. Значенням атрибута є цілі невід'ємні числа (нуль за замовчуванням), які означають розмір в пікселях. Але, увага, розмір змінюється тільки у рамки таблиці, біля кордонів осередків він завжди залишається незмінною.

Для зміни відстані між осередками (їх межами) і від осередків до рамки таблиці в тезі

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

Щоб встановити внутрішні відступи від меж осередків до їх вмісту необхідно в тезі

використовувати атрибут cellpadding. І його значення це числа, які означають піксельні розміри.

Зверніть увагу, що браузери за замовчуванням встановлюють невеликі (в два пікселя) значення cellspacing і cellpadding. тому щоб прибрати відстані зовсім - встановіть у атрибутів значення нуль (0).

Приклад кордонів, рамок і відступів HTML-таблиць

Результат в браузері

Таблиця зі зміненими відступами і відстанями:

Природно не обов'язково малювати у таблиці рамку і межі комірок, щоб змінювати внутрішні відступи і відстані між осередками.

Згідно синтаксису HTML, браузери додають значення cellspacing і cellpadding до розмірів таблиці та її осередків. Наприклад, якщо ви встановите ширину осередку в 100 пікселів і cellpadding = "10" - браузери додадуть до ширини 20 пікселів (по 10 зліва і справа) і вона стане дорівнює 120 пікселів. Загалом, по ходу справи розберетеся.

Відступ від теми або як прибрати відступи по краях сторінки

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

Свого часу у тега існувало чотири атрибута, які встановлювали розмір цих відступів для кожної сторони сторінки: topmargin (зверху), rightmargin (праворуч), bottommargin (знизу) і leftmargin (зліва). Зараз ці атрибути застаріли, тому будемо застосовувати стилі (CSS). Отже, змінити відстані відступів по краях сторінки можна кількома способами, я покажу вам два, а про третій дізнаєтеся, якщо вирішите вивчати CSS.

Спосіб перший. B тезі вказати атрибут style з наступними значеннями:

. - прибирає відступи відразу з усіх боків HTML-сторінки.

. - регулює розмір відступів для кожної сторони за годинниковою стрілкою. Як правило використовуються розміри в пікселях, наприклад: .

Другий і більш зручний спосіб. У тезі