русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Бегущая строка


Дата добавления: 2013-12-23; просмотров: 1869; Нарушение авторских прав


Таблицы

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

Таблицы в HTML строятся построчно. Все табличные данные заключаются в теги <TABLE> ... </TABLE>; описание каждого ряда ячеек (строк) заключается в теги <TR> ... </TR>; содержимое каждой ячейки заключается в теги <TD> ... </TD>(обычные ячейки) или <TH> ... </TH> (заголовки).

Таким образом, для описания, например, таблицы из двух строк, каждая из которых содержит по две ячейки, придется создать следующую конструкцию:

<TABLE>

<TR>

<TD> 1-1 </TD>

1-1 1-2
2-1 2-2

<TD> 1-2 </TD>

</TR>

<TR>

<TD> 2-1 </TD>

<TD> 2-2 </TD>

</TR>

</TABLE>

Ячейки таблицы могут содержать текст, изображения, вложенные таблицы и т.д. Не следует оставлять ячейки таблицы незаполненными; если какая-то ячейка должна выглядеть пустой, поместите в нее неразрывный пробел &nbsp;.

Помещаемый в ячейки таблицы текст по умолчанию автоматически размещается браузером; текст выводится слово за словом; при достижении правой границы ячейки очередное слово переносится на новую строку.

Ячейки таблицы могут охватывать несколько строк или столбцов; при описании таких ячеек используется атрибуты ROWSPAN (ячейка, тег которой содержит данный атрибут, "растягивается" на указанное количество строк) и COLSPAN (ячейка "растягивается" на несколько столбцов). Приведем пример организации таблицы с объединенными ячейками:

<TABLE>

<TR>

<TD ROWSPAN=2> 1-1 </TD>

<TD COLSPAN=2 > 1-2 </TD>



</TR>

1-1 1-2
2-1 2-2

<TR>

<TD> 2-1 </TD>

<TD> 2-2 </TD>

</TR>

</TABLE>

 

Теги, описывающие таблицы, имеют целый ряд необязательных атрибутов.

Атрибуты тега <TABLE> задают параметры таблицы в целом:

  Синтаксис атрибута Назначение
ALIGN = значение Выравнивание относительно текстового потока; возможны значения left, right и center  
BACKGROUND = url Фоновое изображение для всей таблицы  
BGCOLOR = цвет Фоновый цвет  
BORDERCOLOR = цвет Цвет границы  
BORDERCOLORDARK = цвет Окрашивает в заданный цвет правый и нижний край основной рамки и левый и верхний край каждой ячейки  
BORDERCOLORLIGHT = цвет Окрашивает в заданный цвет левый и верхний край основной рамки и соответственно правый и нижний край каждой ячейки  
CELLPADDING = значение Расстояние от границ ячейки до ее содержимого в пикселях  
CELLSPACING = значение Расстояние между ячейками в пикселях  
HSPACE = значение Свободное пространство слева и справа от таблицы в пикселях  
VSPACE = значение Свободное пространство сверху и снизу от таблицы в пикселях  
WIDTH = значение Ширина таблицы (задается в пикселях или в процентах от текущей ширины окна браузера)  
         

Атрибуты тега <TR> задают параметры данного ряда (при возникновении противоречий атрибуты, заданные в теге <TABLE>, отменяются).

  Синтаксис атрибута Назначение
ALIGN = значение Выравнивание содержимого ячеек; возможны значения left, right и center  
BACKGROUND = url Фоновое изображение для ячеек данного ряда таблицы  
BGCOLOR = цвет Фоновый цвет для ячеек данного ряда  
BORDER = значение Толщина рамки, обрамляющей ячейки данного ряда; BORDER=0 обозначает невидимую рамку  
VALIGN = значение Вертикальное выравнивание содержимого ячеек; возможны значения top, center и bottom  
         

Атрибуты тега <TD> задают параметры данной ячейки (при возникновении противоречий атрибуты, заданные в тегах <TABLE>и <TR>, отменяются).

Синтаксис атрибута Назначение
ALIGN = значение Выравнивание содержимого ячейки; возможны значения left, right и center
BACKGROUND = url Фоновое изображение для ячейки таблицы
BGCOLOR = цвет Фоновый цвет для ячейки
BORDER = значение Толщина рамки, обрамляющей ячейку
VALIGN = значение Вертикальное выравнивание содержимого ячейки; возможны значения top, center и bottom
WIDTH = значение Ширина ячейки в пикселях или в процентах от ширины таблицы
ROWSPAN= значение Указывает количество строк, охватываемых ячейкой
COLSPAN = значение Указывает количество столбцов, охватываемых ячейкой

При работе с таблицами учтите, что указанное значение атрибута WIDTH во многих случаях лишь "принимается к сведению" браузером. Заданные пропорции в точности выдерживаются редко, браузер старается отобразить таблицу как можно лучше (в его понимании).

Использование бегущей строки на веб-странице делает ее более динамичной, позволяет создать эффект движения объекта. Создается бегущая строка с помощью тега <MARQUEE> … </MARQUEE>.

Между <MARQUEE> и </MARQUEE> могут располагаться текстовые фрагменты и рисунки. Текст может быть отформатирован с помощью соответствующих тегов, а рисунок вставляется с использованием <IMG …>.

 

Синтаксис атрибута Назначение
BGCOLOR=цвет Фоновый цвет. Если фон задан, то браузер рисует на экране цветную полосу, вдоль которой движется текст или картинка.
HEIGHT= значение Высота фоновой полосы. Значение указывается в пикселях или в процентах от высоты окна браузера. Например, если указать атрибут HEIGHT=25%, то полоса бегущей строки будет занимать четверть высоты окна
WIDTH = значение Ширина полосы бегущей строки, указывается в пикселях или в процентах от ширины окна браузера
DIRECTION= значение Направление движения строки: left − налево (по умолчанию), right − направо, up − вверх, down − вниз
BEHAVIOR = значение Атрибут управляет поведением бегущей строки: scroll (по умолчанию) − дойдя до края окна, строка уходит из поля зрения, а затем появляется с противоположной стороны; slide − строка появляется из-за края окна, достигает противоположного и останавливается; alternate − строка движется вправо или влево, «отражаясь» от краев окна и меняя направление движения
HSPACE = смещение в пикселях Сдвиг полосы бегущей строки по горизонтали вправо
VSPACE = выcoтa в пикселях Создание пустого пространства выше и ниже полосы
LOOP = значение Количество переходов строки по экрану
SCROLLAMOUNT = значение Число пикселей, которые проходит строка за каждый шаг. Режим по умолчанию соответствует примерно 10 пкс/шаг. Данный атрибут позволяет регулировать скорость движения строки
SCROLLDELAY = значение Определяет временной интервал (в миллисекундах) между шагами, с помощью этого атрибута можно заставить строку двигаться рывками  
TRUESPEED При установке этого флага (атрибута без значения) будет использовано заданное значение SCROLLDELAY. Если флаг не установлен значение SCROLLDELAY <= 59 будет округлено до 60


<== предыдущая лекция | следующая лекция ==>
Карта гиперссылок | HTML теги, параметры тегов


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.004 сек.