Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Цвета в таблице






До недавнего времени не было возможности управлять цветами в таблице на веб-страницах. Сетка таблицы была черной, фон совпадал по цвету с фоном самой страницы. Было очень трудно выделить какую-то ячейку другим цветом.

Теперь существует ряд новых тегов, позволяющих задать цвета фона и сетки таблицы. В первом случае ключевое слово bgcolor вставляется в тег < table> следующим образом:

< table bgcolor=" yellow" > < /table>

 

Мы изучали цвета на втором уроке. Кроме bgcolor, существуют другие способы управления цветом:

Значение ключевого слова Описание
BORDERCOLOR="..." Изменяет цвет сетки таблицы
BORDERCOLORDARK="..." / BORDERCOLORLIGHT="..." Используется для изменения цвета сетки с дополнительным эффектом трехмерности. Если установлены эти аттрибуты, ваша таблица выглядет трехмерной.

 

 

Имя Команда Победы/поражения Очки Ауты
Пит Шурек Цинциннати 16-2 2, 73   · команда " All-Star Team" · награда MVP · Серебряная летучая мышь
Гидео Немо Лос-Анджелес 19-8 2, 94    
Грег Энгриус Атланта 24-6 2, 21    

 

Такого вида таблицы мы добились лишь с помощью этих самых ключевых тегов:

< table align=" center" bordercolordark=navy bordercolorlight=blue border=" 1" > < tr bgcolor=" yellow" > < th> Имя< /th> < th> Команда< /th> < th> Победы/поражения< /th> < th> Очки< /th> < th> Ауты< /th> < /tr> < tr valign=top bgcolor=" #abcdef" > < td> Пит Шурек< /td> < td> Цинциннати< /td> < td> 16-2< /td> < td> 2, 73< /td> < td> 194< /td> < td bgcolor=" #bcdefa" > < li> команда " All-Star Team" < li> награда MVP < li> Серебряная летучая мышь < /td> < /tr> < tr bgcolor=" #abcdef" > < td> Гидео Немо< /td> < td> Лос-Анджелес< /td> < td> 19-8< /td> < td> 2, 94< /td> < td> 399< /td> < /tr> < tr bgcolor=" #abcdef" > < td> Грег Энгриус< /td> < td> Атланта< /td> < td> 24-6< /td> < td> 2, 21< /td> < td> 275< /td> < /tr> < /table>

 

Альтернативы таблицам

Если вас беспокоит то, что ваши таблицы не смогут увидеть некоторые посетители, потому что они используют браузеры, которые не поддерживают таблицы (например Lynx, или старые версии Mosaic или Netscape), или таблицы вообще кажутся вам слишком трудоемкими и неинтересными, для вас создан ряд популярных альтернатив, например использование списков или предварительного форматирования (о нем чуть позже). Оба эти способа сходны с созданием таблицы, но их возможности гораздо более органичены.






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.