рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Табличная верстка.

Табличная верстка. - раздел Программирование, Фреймы в HTML-документах Ячейки Таблицы Могут Включать Самые Разнообразные Элементы Гипер Текста: Элем...

Ячейки таблицы могут включать самые разнообразные элементы гипер текста: элементы управления, встроенные таблицы, заголовки, тексты, списковые структуры, изображения, элементы форм, анимационные изображения и так далее. Форматируя столбцы и строки таблицы, можно создавать многостраничные структуры взаимосвязанных элементов, образующих Web-сайт.

Пример 2.18. Образец табличной верстки

В примере приводится начальная часть табличной верстки.

<html>

<head>

<title>Новинки от Кирилла и Мефодия</title>

</head>

<body bgcolor="#000000" text="#000000" leftmargin="0" topmargin="0">

<table border="3" width="100%" height="100%" cellpadding="0" cellspacing="0" align = "center">

<tr><td align="center" valign="top">

<table border="3" width="760" height="100%" cellpadding="0" cellspacing= "0" align="center" valign="center">

<tr>

<td bgcolor="#E0E0E0" width="760" height="18" style="background: url(../images/0049.gif) #E9E9E9;"><table cellpadding="0" cellspacing="0" border="1">

<tr>

<td><img src="../images/0051.gif" border="1" width="22" height="17"></td> <td class="upline">&nbsp;<a href="../main.htm" class="upmenu"> Главная </a> <a href="../default.htm" class="upmenu">Организация процесса обучения дома</a> :: Энциклопедии и справочники : БЭКМ'2003</td> </tr></table></td></tr>

<tr>

<td bgcolor="#FFFFFF" height="283"><!--<div STYLE="overflow-y:scroll; float:center; width:780px; height:425px">-->

<table border="3" width="100%" height="100%" cellpadding="0" cellspacing="0" align="center">

<tr>

<td align="center" valign="top"><table width="764" border="3" cellpadding ="0" cellspacing="0" align="center" valign="top">

<tr >

<td colspan=6 height="5"></td></tr>

<tr >

<td valign="top" style="background: url(../images/0022.gif) #FFffff; background-repeat:repeat-x; background-position:0px 15px" align=center><a href="../cdit/default.htm"><img border="1" src="../images/red_nadp.gif" alt="CD-курсы по IT"></a></td>

<td valign="top" style="background: url(../images/0022.gif) #FFffff; background-repeat:repeat-x; background-position:0px 15px" align=center><a href="../vschool/default.htm"><img border="1" src="../images/0025.gif" alt="Виртуальная школа"></a></td>

<td valign="top" style="background: url(../images/0022.gif) #FFffff; background-repeat:repeat-x; background-position:0px 15px" align=center><img border="1" src="../images/0048.gif" alt="Энциклопедии и справочники"></td>

<td valign="top" style="background: url(../images/0022.gif) #FFffff; background-repeat:repeat-x; background-position:0px 15px" align=center><a href="../acult/default.htm"><img border="1" src="../images/0037.gif" alt="Искусство и культура"></a></td>

<td valign="top" style="background: url(../images/0022.gif) #FFffff; background-repeat:repeat-x; background-position:0px 15px" align=center><a href="../english/default.htm"><img border="1" src="../images/0056.gif" alt="Английский язык"></a></td>

<td valign="top"style="background: url(../images/0022.gif) #FFffff; background-repeat:repeat-x; background-position:0px 15px" align=center><a href="../games/default.htm"><img border="1" src="../images/0059.gif" alt="Развивающие игры"></a></td></tr>

<tr height="95">

<td valign="bottom"><a href="../cdit/default.htm"><img border="0" src="../images/0050.gif" width="118" height="90" alt="CD-курсы по IT"></a></td>

<td valign="bottom"><a href="../vschool/default.htm"><img border="1" src="../images/0024.gif" width="118" height="90" alt="Виртуальная школа"></a> </td>

<td valign="bottom"><img border="1" src="../images/0046.gif" width="118" height ="90" alt="Энциклопедии и справочники"></td>

<td valign="bottom"><a href="../acult/default.htm"><img border="1" src= "../images/0036.gif" width="118" height="90" alt="Искусство и культура"> </a> </td>

<td valign="bottom"><a href="../english/default.htm"><img border="" src= "../images/0055.gif" width="118" height="90" alt="Английский язык"> </a> </td>

<td valign="bottom"><a href="../games/default.htm"><img border="0" src= "../images/0058.gif" width="118" height="90" alt="Развивающие игры"> </a> </td></tr>

– Конец работы –

Эта тема принадлежит разделу:

Фреймы в HTML-документах

Фреймы в HTML документах... Web технология разрешает использование многооконного интерфейса реализуемого при помощи фреймов Frame то есть...

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Табличная верстка.

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Lt;IFRAME> является контейнером, располагающимся в отображаемом HTML-документе.
Атрибуты элемента <IFRAME> совпадают с атрибутами элемента <FRAME>. Точно также контейнер <IFRAME> . . . </IFRAME> может включать в качестве содержания все те элементы, что

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

Организация колонок. Элементы <COLGROUP> и <COL>.
Элементы <COLGROUP> и <COL> используются для формирования столбцов таблицы.   Синтаксис элемента <COL>: <COL attribute_1="value 1&q

Каскадные таблицы стилей
Каскадные таблицы стилей (Cascading Style Sheets) рассматривают HTML-документ как структурированную совокупность типовых элементов, каждому из которых противопоставляется стиль оформления. Таким об

Создание файлов таблиц стилей
Пример 2.19.Файл styles.css   H1{font-size:24; font-weigt: bold; color: red; margin-left: 10%} H2{font-size:20; font-weigt: bold; color: black; font

Интерактивные Web-страницы
Современные версии HTML (версия 4.0 и выше) дают возможность проектировать активные Web-страницы, поддерживающие диалог с пользователем и изменяющие свой вид в зависимости от этого диалога.

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги