русс | укр

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

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

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

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


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

Лекция 8.


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


II.

I.

II.

I.

II.

I.

I.

Примеры.

Пример 1.Выравнивание:

 

* * *
* * *
* * *

 

HTML-код:

<TABLE border width=25%>

<TR>

<TD valign=bottom> * </TD>

<TD valign=middle> * </TD>

<TD valign=top> * </TD>

</TR>

 

<TR align=center>

<TD valign=bottom> * </TD>

<TD valign=middle> * </TD>

<TD valign=top> * </TD>

</TR>

 

<TR align= right >

<TD valign=bottom> * </TD>

<TD valign=middle> * </TD>

<TD valign=top> * </TD>

</TR>

</TABLE>

 

Пример 2.Таблица:

ширина – 50% от ширины окна;

рамка – 6 точек;

первый столбец – заголовки, ширина 40% от ширины таблицы;

второй столбец – 1-ая и 2-ая ячейки содержат несколько строк.

 

Исполнитель ЧайФ
Название альбома Время не ждет
Год

 

 

HTML-код:

<TABLE border=6 width=50%>



<TR valign=middle>

<TH width=40%> Исполнитель </TH>

<TD align=right> ЧайФ </TD>

</TR>

 

<TR valign=middle>

<TH width=40%> Название альбома </TH>

<TD align=right> Время не ждет </TD>

</TR>

 

<TR valign=middle>

<TH width=40%> Год </TH>

<TD align=right> 2001 </TD>

</TR>

</TABLE>

 

II. Раскрасим таблицу.

 

Исполнитель ЧайФ
Название альбома Время не ждет
Год

 

HTML-код:

<TABLE border=6 width=50%>



<TR valign=middle>

<TH width=40% bgcolor=red> Исполнитель </TH>

<TD align=right bgcolor=yellow> ЧайФ </TD>

</TR>

 

<TR valign=middle>

<TH width=40% bgcolor=red> Название альбома </TH>

<TD align=right bgcolor=yellow> Время не ждет </TD>

</TR>

 

<TR valign=middle>

<TH width=40% bgcolor=red> Год </TH>

<TD align=right bgcolor=yellow> 2001 </TD>

</TR>

</TABLE>

 


Пример 3. Использованиепараметра rowspan(объединение строк).

 

А В С
D Е

HTML-код:

<TABLE border>

<TR>

<TD rowspan=2> A </TD>

<TD> B </TD>

<TD> C </TD>

</TR>

 

<TR>

<TD> D </TD>

<TD> E </TD>

</TR>

</TABLE>

 

 

А В   С
D E

 

HTML-код:

<TABLE border>

<TR>

<TD> A </TD>

<TD rowspan=2> B </TD>

<TD> C </TD>

</TR>

 

<TR>

<TD> D </TD>

<TD> E </TD>

</TR>

</TABLE>


Пример 4. Использованиепараметра colspan(объединение столбцов).

 

А
B C D

 

HTML-код:

<TABLE border>

<TR>

<TD colspan=3> A </TD>

</TR>

 

<TR>

<TD> B </TD>

<TD> C </TD>

<TD> D </TD>

</TR>

</TABLE>

 

А В С
D E

HTML-код:

<TABLE border>

<TR>

<TD> A </TD>

<TD> B </TD>

<TD> C </TD>

</TR>

 

<TR>

<TD> D </TD>

<TD colspan=2> E </TD>

</TR>

</TABLE>

Пример 4. Использованиепараметров rowspan иcolspan.

А B
C

HTML-код:

<TABLE border>

<TR>

<TD rowspan=2 colspan=2> A </TD>

<TD> B </TD>

</TR>

 

<TR>

<TD> C </TD>

</TR>

</TABLE>

Таким образом, количество объединяемых ячеек в таблицах рассматривается из расчета относительно самой маленькой ячейки.

 

Пример 5.

 

В качестве содержимого ячейки может выступать не только текст, но и графические объекты.

На данной странице снимки и подписи под ними располагаются в таблице с невидимыми границами.

 

Рис. 1

HTML-код:

<HTML><HEAD><TITLE>Снимки из космоса</TITLE></HEAD>

<BODY bgcolor=#ffffff>

<H1 align=center>Снимки, сделанные Космическим телескопом "Хаббл".</H1>

 

<TABLE align=center cellSpacing=0 cellPadding=3 width=90% border=0>

<TR>

<TD vаlign=center><IMG width=300 height=280 src=eskimo_hst.jpg></TD>

<TD vаlign=center><IMG width=300 height=280 src=13-30000.jpg></TD>

</TR>

 

<TR>

<TD vаlign=center>Туманность "Эскимос"</TD>

<TD vаlign=center>Снимок Марса</TD>

</TR>

 

<TR>

<TD vаlign=center><IMG width=300 height=280 src=snake_cfht.jpg></TD>

<TD vаlign=center><IMG width=300 height=280 src=25000000.jpg></TD>

</TR>

 

<TR>

<TD vаlign=center>Туманность "Змея"</TD>

<TD vаlign=center>Снимок Юпитера</TD>

</TR>

</TABLE>

 

</BODY>

</HTML>

 


На следующей странице демонстрируется обтекание картинки текстом. Этот эффект достигается благодаря таблице с невидимыми границами.

 

Рис. 2

HTML-код:

<HTML><HEAD><TITLE>Космический телескоп "Хаббл"</TITLE></HEAD>

<BODY bgColor=#00ff90>

<H1>Космический телескоп "Хаббл"</H1>

 

<TABLE cellSpacing=0 cellPadding=3 width="90%" border=0>

<TR>

<TD valign=center><IMG src=st.gif></TD>

<TD valign=bottom>

"Хаббл" - это телескоп-рефлектор с зеркалом диаметром 2.4 м. - по земным понятиям немаленький, но на земле уже есть телескопы с зеркалами диаметром до 10 м (например, Keck1 и Keck2). Им, тем не менее далеко до Хаббла. Телескоп в основном Американский, хотя кроме NASA в проекте участвует Европейское Космическое агентство (ESA).

<p> О таком телескопе мечтали еще в 40-х годах. Проектировался и строился он в 70-х - 80-х, и после ряда отсрочек, был запущен Шаттлом в апреле 1990 г. Увы, не все оказалось в порядке. После запуска у Хаббла оказалось слегка деформированным главное зеркало: на 2 микрона с краю относительно центра. 2 микрона это 4 - 5 длин волн света, т.е. разрешение ухудшается почти на такую же величину. В результате телескоп оказался подслеповатым и лишь умеренно превосходил наземные телескопы в разрешении.

</TD>

</TR>

 

<TR>

<TD valign=top colspan=2>

В 1993 году при полете Шаттла к Хабблу на телескоп была поставлена корректирующая оптика - все равно, что очки. Эффект превзошел все ожидания: телескоп видел лучше, чем изначально планировалось. Следующие сервисные полеты Шаттла были в 1997 и 1999 годах и тоже оказались очень успешными.

<p> Телескоп Хаббл работает как международная обсерватория. Рассматриваются проекты со всего мира, хотя конкуренция за время наблюдений весьма жесткая: принимается в среднем один из 10 проектов. Телескопом Хаббл были сделаны следующие снимки: Туманность Кошачий глаз, Туманность Эскимос, Туманность Змея и другие.

</TD>

</TR>

</TABLE>

 

</BODY>

</HTML>


Тема:Фреймы.

 



<== предыдущая лекция | следующая лекция ==>
Новый материал. | Новый материал.


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


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

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

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


 


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

 
 

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

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