Отправляет email-рассылки с помощью сервиса Sendsay

Роль web-сайта в малом бизнесе и сетевом маркетинге.

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Сентябрь 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Автор
Александр Левитас

Статистика

1.390 подписчиков
-1 за неделю
←   Все выпуски   →

Иерархия в таблице


Информационный Канал Subscribe.Ru
Добро пожаловать в школу дизайна


школа web-дизайна
Выпуск 17 ( HTML )
бог даст не последний

 

Здравствуйте,

теперь нам с Вами уже есть о чем говорить, так как самое главное в иерархии Вы освоили в прошлой лекции Выпуск 16а.
Кроме структуры вложенности контейнеров на странице, существует своя собственная иерархия внутри отдельного контейнера, которая очень полезна в ориентации расположения множества объектов.
Одним из примеров контейнера с вложенной иерархией может служить таблица.
В данном случае представлен код простейшей таблицы, имеющей одну строку и один столбец, соответственно в этой таблице только одна ячейка, образованная на пересечении строки и столбца:

<table><tr><td>Содержимое ячейки</td></tr></table>

Содержимое ячейки

Тем не менее, видно, что большой "матрешкой" является <table>...</table> , которая содержит в себе тег <tr>...</tr> , а он в свою очередь имеет вложеный контейнер <td>...</td>


Что же означают вложенные теги:
<table> - начальный (открывающий) тег всей таблицы
<tr> - начальный тег строки
<td> - начальный тег ячейки
Содержимое ячейки
</td> - конечный тег ячейки
</tr> - конечный тег строки
</table> - конечный (закрывающий) тег всей таблицы

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

<table width="75%" border="1">
<tr>
<td>1 ячейка 1строки</td>
<td>2 ячейка 1 строки</td>
<td>3 ячейка 1 строки</td>
</tr>
<tr>
<td>1 ячейка 2 строки</td>
<td>2 ячейка 2 строки</td>
<td>3 ячейка 2строки</td>
</tr>
<tr>
<td>1 ячейка 3 строки</td>
<td>2 ячейка 3 строки</td>
<td>3 ячейка 3 строки</td>
</tr>
</table>

а на странице так:

1 ячейка 1строки 2 ячейка 1 строки 3 ячейка 1 строки
1 ячейка 2 строки 2 ячейка 2 строки 3 ячейка 2строки
1 ячейка 3 строки 2 ячейка 3 строки 3 ячейка 3 строки

и будет содержать девять ячеек, образованных на пересечении трех строк и трех столбцов.
Исходя из этого можно назвать последнюю ячейку последней строки таким образм: 3Cell3Row, а первую так: 1Cell1Row, то есть присвоить идентификатор объекту. В коде будет так:

<table width="75%" border="1">
<tr>
<td id="3Cell3Row">1 ячейка 1строки</td>
<td>2 ячейка 1 строки</td>
<td>3 ячейка 1 строки</td>
</tr>
<tr>
<td>1 ячейка 2 строки</td>
<td>2 ячейка 2 строки</td>
<td>3 ячейка 2строки</td>
</tr>
<tr>
<td>1 ячейка 3 строки</td>
<td>2 ячейка 3 строки</td>
<td id="3Cell3Row">3 ячейка 3 строки</td>
</tr>
</table>

В отличии от остальных, в расположении этих ячеек на много проще ориентироваться, благодаря атрибуту id, значение которого Вы можете присвоить сами. Одно правило необходимо соблюдать внутри исходного кода - использование латиницы.


:: Беседка - теперь есть место общения ( только для учеников школы )
В данный момент на сайте школы тестируется сервис объединивший в себе гостевую книгу, доску объявлений и форум. Заходите и пишите. Возможен обмен мнениями и идеями. Мягкая критика и сложные вопросы. Рука помощи близко !

Категорически Запрещено в Беседке:
пить, курить, ругаться матом, заниматься сексом, предъявлять претензии, оскорблять, наезжать, хамить и ерничать !!!


Предлагаю Вам простой способ снизить расходы на доступ в Интернет.

:: тематический архив лекций по web-дизайну (машина времени)

Выпуск 1 : Ради чего создается свой сайт (10 причин для владения сайтом)
Выпуск 2 : Три кита - основа любого сайта (четвертый кит-популярность)
Выпуск 3 : Текстовое содержание - еда для "пауков" (дайте им "хлеба")
Выпуск 4 : Графика с альтернативным текстом (комментарии к фото)
Выпуск 5 : Успех в подборе ключевых слов (ключи к вратам рая)
Выпуск 6 : Цвет фона и текста должен радовать глаз (забота о ближнем)
Выпуск 7 : Смена цветов просто двойным кликом (на любой вкус и цвет)
Выпуск 8 : Таблица "правильных" цветов (рекомендации "акулы дизайна")
Выпуск 9 : Стильный дизайн стандартной кнопки (мелочь, а как приятно)
Выпуск 10: Выбор дальнейшего пути (я с детства выбрал верный путь)

Найдите что отдать просто так, не за деньги, и это к Вам вернется приумноженным многократно.


Оставляю Вас в ожидании продолжения...

Вадим Грант.

 
 
 


Copyright © 2004 "999.9" design school
Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: comp.design.999 		Отписаться
Вспомнить пароль
В избранное