Ми вже з'ясували з вами, що у 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-сторінки.
. - регулює розмір відступів для кожної сторони за годинниковою стрілкою. Як правило використовуються розміри в пікселях, наприклад: .
Другий і більш зручний спосіб. У тезі