|
|
Як бачимо із прикладу, для того щоб задати кольори в цілому стовпці, необхідно встановити його в кожній комірці цього стовпця.Стр 1 из 3Следующая ⇒ Інший вигляд має справа при роботі з кольорами рядка – досить вказати кольори тегу рядка <TR>. Наприклад, проілюструємо дії атрибута BGCOLOR команди <TR>.
Зауваження. При оформленні таблиць іноді виникає необхідність задати фонову картинку для комірки таблиці. У таких випадках вдаються до допомоги стилів: <TD STYLE="BACKGROUND-IMAGE:URI;"> Атрибут BACKGROUND для тегу <TD> не рекомендований стандартами HTML і не підтримується деякими браузерами, наприклад у браузері Opera. Робота над складними таблицями Розглянемо це питання на такому прикладі. Необхідно створити складну таблицю вигляду:
При створенні таких таблиць (з великою кількістю довільно об'єднаних по вертикалі й горизонталі комірок) корисно дотримуватися такої послідовності кроків: Накреслити схему таблиці. Провести до кінця пунктирними лініями ті перегородки, які не доходять до границь таблиці. Написати HTML-код таблиці, уявивши, що пунктирні лінії – суцільні. Вміст, параметри фону й вирівнювання комірок з пунктирними лініями прописати в тій комірці, що перебуває зверху та ліворуч. 5 Додати в <TD> кожної такої комірки атрибути ROWSPAN й COLSPAN з параметрами, що дорівнюють кількості комірок, які поєднуються по вертикалі й горизонталі відповідно. 6 Видалити порожні пари <TD></TD>. Розглянемо HTML-код складної таблиці: <TABLE BORDER=1> <CAPTION> Теги HTML таблиць </CAPTION> <TH>Тег</TH><TH>Атрибути</TH> <TH>Значення</TH> <TH>Примітки</Th> <TR> <TD><TABLE></TD> <TD>NONE</td> <TD COLSPAN=2 ALIGN=RIGHT> Початок таблиці </TD> <TD></TD> </TR> <TR><TD><TR></TD> <TD>NONE</TD> <TD COLSPAN=2 ALIGN=RIGHT> Початок рядка </TD> <TD></TD> </TR> <TR><TD><CAPTION></TD> <TD>NONE</TD> <TD COLSPAN=2 ALIGN=RIGHT> Заголовок таблиці </TD> <TD></TD> </TR> <TR><TD ROWSPAN=3 ><TH></TD> <TD> Colspan </TD> <TD COLSPAN=2 ALIGN=RIGHT> Ширина в стовпцях</TD> <TD></TD> </TR> <TR> <TD></TD> <TD> Rowspan </TD> <TD COLSPAN=2 ALIGN=RIGHT> Висота в стовпцях </TD> <TD></TD> </TR> <TR> <TD></TD> <TD> Align </TD> <TD COLSPAN=2 ALIGN=RIGHT> Вирівнювання в комірці </TD> <TD></TD> </TR> <TR><TD ROWSPAN=3 ><TD></TD> <TD>C olspan </TD> <TD COLSPAN=2 ALIGN=RIGHT>Ширина в стовпцях</TD> <TD></TD> </TR> <TR> <TD></TD> <TD> Rowspan </TD> <TD COLSPAN=2 ALIGN=RIGHT> Висота в стовпцях </TD> <TD></TD> </TR> <TR> <TD></TD> <TD> Align </TD> <TD COLSPAN=2 ALIGN=RIGHT> Вирівнювання в комірці </TD> <TD></TD> </TR> </TABLE> Видаливши всі підкреслені теги з HTML-коду, одержимо підсумковий код складної таблиці, що у вікні браузера буде мати такий вигляд, як показано на рисунку 28.
Рисунок 28 – Приклад складної таблиці Зауваження Атрибут ALIGN (=RIGHT|LEFT) команди <TABLE> призначений для того, щоб задати обтікання таблиці текстом. Наприклад, нижченаведений код у вікні браузера буде мати такий вигляд, як показано на рисунку 29.
Рисунок 29 – Обтікання таблиці текстом Щоб вирівняти таблицю по центру вікна, код документа правильно буде написати так: < DIV STYLE="ALIGN:CENTER" > <TABLE>... </TABLE> </ DIV > Щоб розмістити текст, картинку або таблицю в центрі екрана, можна звернутися до таблиць і скористатися таким кодом: <TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR> <TD ALIGN="CENTER" VALIGN="MIDDLE"> Текст, картинка або таблиця в центрі екрана </TD> </TR> </TABLE> 3.5.4 Елементи на рівні тексту. Фізичний і логічний стилі форматування   Что будет с Землей, если ось ее сместится на 6666 км? Что будет с Землей? - задался я вопросом...  ЧТО ПРОИСХОДИТ, КОГДА МЫ ССОРИМСЯ Не понимая различий, существующих между мужчинами и женщинами, очень легко довести дело до ссоры...  Живите по правилу: МАЛО ЛИ ЧТО НА СВЕТЕ СУЩЕСТВУЕТ? Я неслучайно подчеркиваю, что место в голове ограничено, а информации вокруг много, и что ваше право...  Что делать, если нет взаимности? А теперь спустимся с небес на землю. Приземлились? Продолжаем разговор... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|
