22.Виды верстки веб-страниц. Общая характеристика.

+23.Табличная верстка —метод верстки HTML-документов, при котором в качестве структурной основы для расположения текстовых и графических элементов документа используются таблицы (то есть HTML-тег <table>).

Метод получил широкое распространение во времена предшествовавшие появлению стандарта CSS. Таблицы в HTML могут быть вложенными, что позволяет создавать целые иерархии таблиц.

Использовать таблицы следует только для отображения табличных данных: статистик, расписаний, сравнительных характеристик и пр., а для расположения элементов документа следует использовать CSS. Тем не менее, табличная верстка остается наиболее удобной и простой в освоении, потому многие веб-разработчики продолжают ею пользоваться. Этот метод верстки зарекомендовал себя, как наиболее стабильный и надежный, в то время как блочная верстка сложна в реализации, имеет проблемы с совместимостью с разными браузерами.

До появления CSS оформление веб-страниц осуществлялось непосредственно внутри содержимого документа (табличная верстка). Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа (блочная верстка). За счёт этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления. Если дело касается хранения табличных данных, то не возникает сомнений, что таблицы именно для этой цели и предназначены.

+24.Блочная верстка (CSS-верстка) — условное название метода верстки HTML-документов, при котором в качестве структурной основы для расположения текстовых и графических элементов документа используются блоки (<div>).

С развитием возможностей браузеров меняется и сам подход к верстке страниц. В данное время всё более популярным становится метод «блочной» верстки. Веб-стандарты разрабатываются консорциумом W3C, состоящим из экспертов в самых разных областях IT. Именно здесь разработаны языки HTML и управление стилем страниц CSS. Создатели различных браузеров придерживаются этих стандартов для того, чтобы веб-мастера имели возможность создавать сайты, нормально работающие в любом браузере, что, в свою очередь, оптимально для пользователей, п кроме того, привлекает посетителей независимо от их пристрастия к тому или иному браузеру. Блочная верстка родилась вместе с созданием CSS2.

25.Таблицы в HTML. Средства описания таблиц в HTML. <ТR></ТR>.

По мере развития WWW стало ясно, что средств, которые заложены в НТМL, недостаточно для качественного отображения различного типа документов. Недостатком НТМL было отсутствие в его составе средств отображения таблиц. После введения таблиц в HTML у Web-мастеров появился не просто инструмент для размещения текстовых и числовых данных, а мощное средство дизайна для размещения в нужном месте экрана графических образов и текста.

Для описания таблиц используется тег <ТАВLЕ> . Тег <ТАВLЕ>, как и многие другие, автоматически переводит строку до и после таблицы. Создание строки таблицы - тег <ТR>(ТаbleRow), строка таблицы ) создает строку таблицы. Весь текст, другие теги и атрибуты, которые требуется поместить в одну строку, должны размещаться между тегами <ТR></ТR>.Определение ячеек таблицы - тег <ТD>.Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD></ТD>. Число тегов <ТD></ТD> в строке определяет число ячеек.

26.Заголовки столбцов таблицы - тег <ТН>

Заголовки для столбцов и строк таблицы задаются с помощью тега заголовка <ТН></ТН> (Таblе Неаder). Эти теги подобны <ТD></ТD>. Отличие состоит в том, что текст, заключенный между тегами <ТН></ТН>, автоматически записывается жирным шрифтом и по умолчанию располагается посередине ячейки. Центрирование можно отменить и выровнять текст по левому или правому краю. Если воспользоваться <ТD></ТD> с тегом<В> и атрибутом <АLIGN=center>, текст тоже будет выглядеть как заголовок. Однако следует иметь в виду, что не все браузеры поддерживают в таблицах жирный шрифт, поэтому лучше задавать заголовки таблиц с помощью <ТН>.

27.Использование заголовков таблицы - тег <САРТIОN>

Тег <CAPTION> позволяет создавать заголовки таблицы. По умолчанию заголовки центрируются и размещаются либо над(<САРТION АLIGN=top> ), либо под таблицей (<САРТIONALIGN=bottom> ). Заголовок может состоять из любого текста и изображений. Текст будет разбит на строки, соответствующие ширине таблицы. Иногда тег <САРТION> используется для подписи под рисунком. Для этого достаточно описать таблицу без границ.

28.Основные атрибуты <table>

BORDER=n Определяет ширину рамки таблицы (в пикселах), например, BORDER=1; значение, равное нулю, означает отсутствие рамки

WIDTH=n Определяет ширину всей таблицы в пикселах, либо в процентах от ширины окна браузера

HEIGHT=n Определяет высоту всей таблицы в пикселах, либо в процентах от высоты окна браузера

ALIGN Задает горизонтальное выравнивание таблицы в окне браузера; имеет значения left, center и right (по умолчанию -- left)

CELLPADDING=n Добавляет свободное пространство между данными внутри ячейки и ее границами; по умолчанию значение равно 2

CELLSPACING=n Добавляет свободное пространство между ячейками внутри всей таблицы; по умолчанию значение равно 2

HSPACE=n Задает области свободного пространства указанной ширины (в пикселах) слева и справа от таблицы

VSPACE=n Задает области свободного пространства заданной высоты (в пикселах) сверху и снизу от таблицы

BGCOLOR=цвет Устанавливает цвет фона всей таблицы

BACKGROUND=URL Указывает фоновое изображение для таблицы, где URL -- адрес источника (имя файла с изображением)