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

999.9 школа дизайна Выпуск 23 (HTML)


Добро пожаловать в школу дизайна


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

 

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

:: пример 23.1

<TABLE border="1" bordercolor="#FFFFFF"
bgcolor="#FF0000">
<CAPTION>
<font color="#FFFFFF"> Заголовок данной таблицы</font>
</CAPTION>
<TR>
<TH width="205" ALIGN=CENTER id="headrow1"><font color="#FFFFFF">Заголовок 1 строки</font></TH>
<TD width="306" bgcolor="#CCCCCC" id="cellrow1"> <font color="#003399">Содержимое
ячейки</font></TD>
</TR>
<TR>
<TH ALIGN=CENTER id="headrow2"><font color="#FFFFFF">Заголовок 2 строки</font></TH>
<TD bgcolor="#CCCCCC" id="cellrow2"> <font color="#003399">Содержимое ячейки</font></TD>
</TR>
<TR>
<TH ALIGN=CENTER id="headrow3"><font color="#FFFFFF">Заголовок 3 строки</font></TH>
<TD bgcolor="#CCCCCC" id="cellrow3"> <font color="#003399">Содержимое ячейки</font></TD>
</TR>
</TABLE>

В примере к элементу <TH> добавлен аргумент id="headrow1" , который дает ячейке уникальный идентификатор;
и к элементу <TD> добавлен аргумент id="cellrow1" ,
который определяет более наглядно значимость ячейки.

headrow1 - заголовок строки номер один
cellrow1 - ячейка в строке номер один

Тегов <TH> в данной таблице три, но может быть и тридцать три. В отсутствии уникального ID трудно в исходном коде понять какой по счету элемент редактируется. Присвоив понятные вам имена ID каждому элементу, вы будете легко ориентироваться в местоположении и значении любого элемента.

Видим в результате

 
Заголовок данной таблицы
Заголовок 1 строки Содержимое ячейки
Заголовок 2 строки Содержимое ячейки
Заголовок 3 строки Содержимое ячейки


Внешний вид таблицы совсем не изменился.

Как уникальную идентификацию можно полезно использовать рассмотрим в следующих выпусках ...
.

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

Команда школы дизайна

Рекомендуем посмотреть одну из лучших работ слушателей коммерческого отделения www.mobile4you.info

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

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


Вы можете узнать более подробнее об условиях обучения на коммерческом отделении отправив запрос по электронной почте


В избранное