Атрибуты тегов таблиц - раздел Философия, ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ Каждая Таблица И Ячейки, Составляющие Ее, Имеют Такие Свойства, Как Ширина И ...
Каждая таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Свойства определяются с помощью атрибутов. Рассмотрим подробнее особенности использования этих атрибутов.
WIDTH - управляет шириной таблицы и ячейки. В случае, если этот параметр не указан, ширина таблицы/ячейки будет зависеть от ширины ее содержимого. Ширина может указываться в процентах относительно ширины окна (для ячейки – относительно ширины таблицы) или в пикселях.
HEIGHT – то же самое, но для управления высотой таблицы.
ALIGN и VALIGN служат для управления размещением таблицы на Web-странице и для форматирования данных внутри таблицы.
ALIGN может иметь значения LEFT, RIGHT и CENTER.
VALIGN может принимать значения TOP, MIDDLE и BOTTOM.
При отсутствии этих атрибутов таблица всегда будет выравниваться относительно левого края страницы, а содержимое ячеек – по горизонтали относительно левого края ячейки и по вертикали относительно ее центра. При употреблении в теге <TABLE> атрибут ALIGN управляет выравниванием таблицы относительно окна броузера, а при употреблении в тегах <TD> и <TR> — выравниванием содержимого относительно границ ячейки.
Атрибут VALIGN применяется только внутри тегов <TR> и <TD>. При употреблении атрибутов ALIGN и VALIGN внутри тега <TR> выравнивание задается сразу для всех ячеек, содержащихся в этой строке.
BORDER служит для управления толщиной границ таблицы. Употребляется он только в теге <TABLE>. Значение толщины рамки задается в пикселях. Чтобы у таблицы сделать невидимые границы, нужно задать значение параметра BORDER, равное нулю: BORDER="0".
CELLSPACING служит для управления количеством свободного пространства между ячейками таблицы, а CELLPADDING – между границами ячейки и ее содержанием. Употребляются они также только в теге <TABLE>. Значения этих атрибутов задаются в пикселях.
Для создания “невидимой” таблицы необходимо установить параметры BORDER=0 CELLSPACING=0 CELLPADDING=0
BGCOLOR предназначен для окрашивания фона ячеек таблицы.
BACKGROUND используется для размещения графического файла в качестве фона таблицы.
Применять эти параметры можно как для таблицы в целом, так и для отдельных ячеек. Значения этих параметров необходимо указывать так же, как и в теге <BODY>, т. е. цвет указывается в восьмеричном исчислении или с помощью стандартного имени, а путь к файлу, используемому в качестве “обоев” для фона таблицы, необходимо указывать в соответствии со всеми правилами указания URL
COLSPAN.При создании таблицы первая строка является определяющей, т. е. все последующие строки будут иметь такую же ширину колонок, как и первая строка. Для изменения этого положения служит параметр COLSPAN. Изменение значения СOLSPAN приводит к увеличению ширины ячейки на указанное вами количество ранее определенных столбцов, т. е. при указании параметра COLSPAN=2 ячейка займет пространство, отведенное для следующей (справа) ячейки.
ROWSPAN действует абсолютно так же, но по вертикали. Например, при указании значения ROWSPAN=2 ячейка займет пространство, отведенное для ячейки, находящейся под ней, в следующей строке таблицы.
Рассмотрим примеры таблиц.
Пример 10. Простейшие таблицы
<head>
<title>Оформление таблиц</title>
</head>
<body>
<TABLE Border>
<CAPTION>ТАБЛИЦА №1
<TR>
<TD>Таблица из одной строки</TD>
<TD>из трех столбцов</TD>
<TD>без указания размеров ячеек</TD>
</TR>
</TABLE> <BR>
<TABLE BORDER=3>
<CAPTION>ТАБЛИЦА №2
<TR>
<TD WIDTH=50>
ширина ячейки 50 пикселей</TD>
<TD WIDTH=100>
ширина ячейки 100 пикселей</TD>
<TD WIDTH=150>
ширина ячейки 150 пикселей</TD>
</TR>
</TABLE>
</body>
</html>
Этот файл создает в броузере две таблицы, содержащие одну строку и три столбца. Для первой таблицы размеры не определены. Она занимает всю ширину окна броузера. Для второй – ширина столбцов задана 50, 100 и 150 пикселей. Кроме того, у второй таблицы задана толщина рамки – 3 пикселя. Вид этих таблиц в броузере показан на рис. 8.9.
Рис. 8.9. Вид таблиц (пример 8) в броузере
Пример 11. Таблица, содержащая объединенные ячейки
<html>
<head>
<title>Оформление таблиц</title>
</head>
<body>
<TABLE BORDER=7 CELLSPACING=0 WIDTH=500
HEIGHT=100 ALIGN=CENTER BGCOLOR=YELLOW>
<CAPTION>ТАБЛИЦА №3 Ширина ячеек задана в % от ширины таблицы
Для этой таблицы заданы размеры: ширина (WIDTH) – 500 пикселей, высота (HEIGHT) – 100 пикселей, толщина рамки таблицы – 7 пикселей; выравнивание таблицы по центру страницы (см. рис. 8.10).
Рис. 8.10. Таблица с объединенными ячейками
Фон таблицы задан желтого цвета. Ширина ячеек задается в процентах от ширины таблицы. Таблица содержит две строки. В первой строке три столбца. Вторая строка имеет объединенные ячейки, т.е. все три столбца объединены в один.
Уральский государственный технический университет УПИ... ИНФОРМАЦИОННЫЕ ТЕХНОЛОГИИ...
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ:
Атрибуты тегов таблиц
Что будем делать с полученным материалом:
Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:
Всемирная сеть Internet
Internet — это общемировая совокупность сетей, связывающая между собой миллионы компьютеров, причем число пользователей Internet лавинообразно увеличивается. С технической точки зрения это объедине
Графический интерфейс
Пользователи предпочитают графический интерфейс (GUI — Graphic User Interface). Такой интерфейс используется в Windows, Macintosh и на некоторых рабочих станциях, работающих под управлением операци
Подготовка текста сообщения
Подготовка текста сообщения электронной почты должна быть так же проста, как и любого другого письма. Многие пакеты электронной почты имеют хорошие многофункциональные текстовые редакторы, позволяю
Адресация сообщений
Существует несколько основных возможностей адресации:
• Множественная рассылка копий (carbon copy). Сообщение посылается более чем одному адресату, используя один список р
Посылка сообщений
Для посылки письма может оказаться необходимым всего лишь щелкнуть по пиктограмме посылки почты (SEND) и выбрать параметры посылки сообщения.
Во многих пакетах имеется ящик исх
Присоединение файлов
Обычно для того, чтобы переслать кому-то файл с помощью телекоммуникационной программы, необходимо договориться о времени пересылки, согласовать протоколы пересылки, установить связь друг с другом
Чтение почты
Процесс чтения электронной почты должен быть простым и понятным. Некоторые пакеты позволяют «прокручивать» в окне текст сообщения, другие отображают сообщение страница за страницей. Лучшие системы
Хранение сообщений
В ряде систем электронной почты сохраняются копии каждого посланного сообщения. Возможно автоматическое сохранение и каждого полученного сообщения.
Средства архивирования позволяю
Обеспечение безопасности
Имеется много возможностей защиты информации. Можно потребовать, чтобы пользователь набирал пароль каждый раз при посылке, чтении и сохранении сообщения. Большинство сетей располагает собственными
Используемые обозначения
Ø Название команды Выбор в текущем меню команды с указанным названием
q Название кнопки Нажатие кнопки с указанным названием в активном диалоговом окне или на панели инструментов
Чтение писем
Прежде чем прочесть почту, её нужно получить с сервера. Для этого установите соединение и нажмите кнопку Доставить почту (Send and receive) на панели инструментов. Начнется процесс
Создание письма
Приступить к написанию нового письма можно, выбрав пункт Создать (New) из меню Сообщение (Message). В этом случае будет создано письмо без использования какого-либ
Особенности сети Internet
WWW (World Wide Web, всемирная паутина)— содержащаяся в Internet всемирная распределенная база гипертекстовых документов. Каждый компьютер, имеющий постоянное подключение в Interne
Поиск информации в WWW
Найти нужную информацию в Internet непросто. Однако здесь, во-первых, помогает само устройство WWW, — многие Web-страницы представляют собой объемистые списки ресурсов WWW по самым разным темам. Во
HTML - язык для создания Web-документов
Информация в Internet представлена в виде гипертекстовых Web-страниц. Гипертекст – это текст со вставленными в него словами (командами) разметки, ссылающимися на другие мест
Гипертекст
Под гипертекстовым документом понимают документ, содержащий так называемые ссылки на другой документ. Гиперссылка является одним из важнейших понятий в языке HTML. Гиперссылки позв
Netscape Communicator
Netscape Communicator (или ранее известный как Netscape Navigator) – это самый популярный и широко используемый броузер в мире. Компания Netscape произвела революцию в Internet и WWW, создав чрезвы
Движение по WWW
Для того чтобы попасть на какой-либо сервер, нужно ввести его URL в адресную строку. При этом в окно броузера загрузится соответствующая страница. Любая Web-страница является гипертекстовым докумен
Каталог временных файлов Internet
При возврате к уже открывавшемуся документу он появляется на экране намного быстрее, чем при первой загрузке. Это объясняется тем, что Internet Explorer не получает документ из Internet, а берет ег
Сохранение найденной информации
По мере просмотра Web-страниц вам будет встречаться информация, которую вы захотите сохранить, чтобы в дальнейшем иметь возможность обращаться к ней без подключения к соответствующему узлу. Можно с
Настройка параметров страницы для печати
В меню Файл выберите команду Параметры страницы. В группе Поля укажите размеры полей. Выберите один из способов размещения страницы в группе Ориентация. Для вертик
Команды меню Вид
Меню Вид содержит команды, позволяющие настроить рабочее окно броузера.
Команда Панели инструментов дает возможность отображать и скрывать панели инструме
Обязательные теги
Каждый HTML-документ должен содержать несколько обязательных тегов. Эти теги сообщают броузеру различные глобальные требования, такие как номер версии HTML, название документа и т.п.
Начин
Теги заголовков разных уровней
Язык HTML позволяет работать с шестью уровнями заголовков. Заголовки отличаются размером шрифта. Они пронумерованы от 1 до 6, причем первый номер соответствует самому крупному шрифту. Тег заголовка
Нумерованный список
Нумерованный список создается тегами <ol> (ordered list – упорядоченный список) и <li>. Тег <ol> показывает начало всего списка, а тег <li>
Списки-определения
Списки-определения используются для оформления определений терминов. Начинаются такие списки тегом <DL>. Термины определяются с помощью тега <DT>, а соответствующие определения - тегом
Вложенные списки
Списки можно вкладывать друг в друга. Вложение списков в списки позволяет создавать несколько уровней систематизации информации. Ниже приведен текст документа, в котором несколько маркированных спи
Абзацы и разрывы строк
Тег <P>, разделяющий текст на абзацы, является наиболее часто используемым в HTML-документах.
Этот тег имеет только один атрибут – ALIGN, позволяющий выравнивать текс
Теги эффектов шрифтов
Кроме различных типов шрифтов, для оформления документов можно использовать и теги эффектов шрифтов. Описание этих тегов приведено в табл. 8.2.
Теги эффектов (акцентов) шрифтов
Та
Теги таблицы
Главный тег таблицы - это <TABLE> </TABLE>. Эти теги применяются для описания начала и конца таблицы, а также параметров отображения таблицы, таких как ее размеры, офор
Атрибуты тега IMG
SCR=url - определяет URL для файла изображения. Броузеры (например, Internet Explorer) поддерживают несколько графических форматов: GIF, JPG,BMP.
ALIGN
Создание гиперссылок
Возможность создания гиперссылок делает язык HTML столь мощным средством представления информации в WWW. Гиперссылки позволяют осуществлять переход из просматриваемого документа на другую страницу
Сенсорные изображения (изображения-карты)
Сенсорное изображение представляет собой графический образ, разделенный на области, являющиеся гиперссылками на различные HTML-файлы или URL.
Существует два типа сенсорных изображений:
Создание клиентского сенсорного изображения
Сенсорное изображение можно создать практически из любого рисунка. Сначала нужно разбить изображение на части. Для этого используются теги <MAP> и <AREA>. Тег <MAP> формирует схем
Шестнадцать стандартных цветов
При работе над Web-страницей можно использовать 16 стандартных цветов (см. табл. 8.3), а также задавать цвета, смешивая различные оттенки красного, зеленого и синего. Это позволяет создавать буквал
Шестнадцатеричные коды цветов
Для получения дополнительных цветов и оттенков можно использовать 6-значный шестнадцатеричный код. Шестнадцатеричные цифры – это цифры от 0 до 9 и буквы от А до F. Все цвета на мониторе компьютера
Контекстное меню
Контекстное меню позволяет более удобно обратиться к той или иной команде. Для открытия контекстного меню поместите курсор на интересующий элемент вашего документа и нажмите правую кнопку мыши. С п
Физические стили
Физические стили доступны через Панель форматирования или через команды Шрифт и Абзац меню Формат.
С помощью команды
Логические стили
Для того чтобы применить логический стиль к фрагменту документа, определите точку вставки текста и выберите необходимый стиль абзаца из списка следующих стилей:
Адрес - по
Вставка таблицы в документ
Для того чтобы разместить в вашем документе таблицу, установите курсор в точку вставки таблицы и вызовите команду Вставить таблицу меню Таблица. В открывшемся диал
Свойства таблицы
Созданную таблицу можно редактировать с помощью команды Свойства таблицы из меню Таблица. В открывшемся диалоговом окне (рис. 9.9) можно настроить тип выравнивания
Вставка картинок в документ
Добавить картинку в документ можно, выбрав в меню Вставка команду Изображение. Диалоговое окно команды вставки изображения показано на рис. 9.10.
Это диал
Альтернативное отображение картинок
Некоторые броузеры не поддерживают форматы GIF и JPG, другие вообще не могут выводить изображения. Кроме того, иногда загрузка изображений занимает много времени, и в процессе загрузки на месте изо
Хотите получать на электронную почту самые свежие новости?
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Новости и инфо для студентов