Як задати ширину таблиці
Відео: Word для початківців. Урок 15: Таблиця не поміщається на аркуші
Інструкції мови HTML (HyperText Markup Language або «Мова розмітки гіпертексту»), які формують таблиці, розміщуються в веб-сторінках, передбачають досить велику кількість додаткових параметрів. Це дозволяє, на відміну від інших блочних елементів, задавати розміри не тільки за допомогою мови CSS (Cascading Style Sheets або «Каскадні таблиці стилів »), а й засобами самого HTML.
1
Використовуйте атрибут width тега table для вказівки ширини таблиці в пікселах. Тег (інструкція мови HTML) table складається з відкриває () І закриває (
) Частин, між якими знаходяться теги, що формують рядки та клітинки таблиці. У відкриває тег можна помістити додаткові параметри (атрибути), список яких для кожного конкретного тега визначається міжнародними стандартами. Для тега table цими стандартами дозволено використання атрибута width, який задає ширину таблиці в пікселах. Виглядати HTML-код найпростішої таблиці з таким тегом, визначальним ширину в 500 пікселів, може, наприклад, так:
1а осередок | 2а осередок |
2
Додавайте символ% до значення атрибута width, якщо ширину таблиці треба вказати у відсотках, а не в пікселах:
Зверніть увагу на те, що ці відсотки не обов`язково будуть відраховуватися від ширини вікна браузера. Тут має значення структура документа - як вкладена матрьошка не може бути ширше тієї, в яку вона вкладена, так і 100% ширини таблиці не може бути більше ширини батьківського елементу. Наприклад, якщо таблиця знаходиться всередині блоку div, то за 100% буде прийматися ширина цього блоку.
1а осередок | 2а осередок |
3
Використовуйте інструкції мови опису стилів, якщо хочете в одному місці вихідного коду задати однакову ширину таблицями, розміщеними в веб-сторінці. Для цього спочатку помістіть в заголовну частину HTML-коду (між і ) Відкриває і закриває теги, що обмежують інструкції мови CSS: Потім між цими тегами помістіть такий CSS-код: table {width: 100px;} Тут table вказує на те, що поміщене всередину фігурних дужок опис має бути застосоване до всіх тегам table, яке трапляється в коді сторінки. Ну а параметр width задає ширину. Тут теж можна використовувати відносну ширину в процентах.
4
Вказуйте в CSS-коді і в HTML-тегу table ім`я класу, якщо задати ширину треба не для всіх таблиць, а тільки для однієї або декількох. Наприклад, нехай клас, що відзначає групу вузьких таблиць, називається tiny. Тоді опис його стилю може виглядати так: table.tiny {width: 100px;} А відповідний тег однієї з таблиць в HTML-коді - так:
1а осередок | 2а осередок |
Поділися в соціальних мережах:
Схожі
- Як змінити колір шрифту html
- Як змінити колір гіперпосилання
- Як змінити колір фону
- Як змінити фон сайту
- Як змінити колір заголовків
- Як встановити фон на сайт
- Як зробити нижнє підкреслення
- Як робити таблиці html
- Як заховати кнопку
- Як створити сайт в блокноті
- Як в таблицю поставити ще одну таблицю
- Як зробити html форму
- Як зробити сторінку в сторінці
- Як розтягнути таблицю
- Як вирівняти таблицю
- Які команди є в css
- Як створювати сайт в блокноті
- Як задати колір фону
- Як зробити випадаючий список
- Як зробити сайт по центру
- Як вставити таблицю в сайт