Інформація, представлена в цій статті орієнтована в першу чергу для початківців web-майстрів.
Передмова
Але, тим не менше, я не хотів би розлучатися з моїм творінням і видаляти сторінку, шкода все-таки, трудився над створенням, а вам рекомендую хоча б подивитися, як версталися таблиці в недалекому минулому. Вивчіть цей матеріал. Я впевнений, він буде Вам корисний, тому що поряд з вже застарілими методами побудови таблиць, тут Ви знайдете багато сучасних методів, які я постійно включаю в цю статтю. Поїхали.
Застосування таблиць, їх види та коди
Таблиці - популярне засіб оформлення web-сторінок. Одним із способів їх застосування на сайті є використання в якості каркаса всієї сторінки:
Тут буде «шапка web-сторінки», логотип і назва сайту. Ширина задається в точках або в процентах. Ширина 100%-сайт займає весь вільний місце в браузері. Висота 50-150 точок або 5-15% або на ваш розсуд.
Область навігації по розділах сайту. Ширина 120-200 точок або 12-20%.
Основне вміст - контент сторінки. Займає все, що залишився простір.
Область дублюючої навігації сайту. Висота 40-50 точок або 4-5%.
Думаю, що таку таблицю вам спорудити нескладно і самим, але про всяк «пожежний» наведу приклад html-коду:
Ця схема не є обов'язковою. Є безліч інших варіантів.
Далі хочу представити вам можливі варіанти застосування різних таблиць і, відповідно, їх html-коди.
Таблиця пунктиром
Приклад розміщення контенту
Html-код таблиці виглядає так:
Увага! Важлива інформація!
А ось і сучасний погляд на побудову таблиці з рамкою-пунктиром. Для цього використовується значення dashed в параметрі border.
Просто пишете код таблиці з ідентифікатором, наприклад, demo3 -