Главная страница
Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
|
Создание сложных таблиц
При создании сложных таблиц исспользуют два основных приема: объединение ячеек и вставка таблицы в уже готовую таблицу.
Объединение ячеек.
Объединение ячеек происходит с помощью атрибутов rowspan и colspan элемента TD. Эти два атрибута могут совместно использоваться в одном элементе.
Пример таблицы:
Таблица с объединением
|
|
| Ячейка 1
| Ячейка 2
| Ячейка 3
| Ячейка 4
|
|
| Ячейка 5
| Ячейка 6
|
|
| Ячейка 7
|
| Ячейка 8
|
|
| и ее кода:
< table border=1> < caption> Таблица с объединением< /caption> < tr> > < td rowspan=3> Ячейка 1< /td> < td> Ячейка 2< /td> < td> Ячейка 3< /td> < td> Ячейка 4< /td> < tr> < td rowspan=2 colspan=2 > Ячейка 5< /td> < td> Ячейка 6< /td> < tr> < td colspan=2> Ячейка 7< /td> < tr> < td colspan=4> Ячейка 8< /td> < /table>
Таблица в таблице.
Чтоб не мучаться с вычеслением параметров rowspan и colspan можно использовать вложение таблиц. В этом случае при создании в одной из ячеек исходной таблицы размещается вложенная таблица.
Например:
Ячейка 1
| Ячейка 2
| Ячейка 3
| Ячейка 4
| Ячейка 5
| Ячейка 6
| Ячейка 7
|
| < table border=3> < tr> < td> Ячейка 1< /td> < td> Ячейка 2< /td> < tr> < td> Ячейка 3< /td> < td> < table border=1> < tr> < td> Ячейка 4< /td> < td> Ячейка 5< /td> < tr> < td> Ячейка 6< /td> < td> Ячейка 7< /td> < /table> < /td> < /table>
Спецсимволы
Использование спецсимволов
Существует ряд символов в использование которых могут возникнуть трудности. В первую очередь это символы используемые броузером для разметки текста, например: угловые скобки - <, >, кавычки - " и т.д. Затем идут разного рода символы которых просто нет на клавиатуре: ®, ¶, °, нерастяжимый пробел и др. Есть два способа вывода подобных символов на экран. Первый (редко встречающийся): используя коды символов. Например, знак " зарегистрировано" код которого 174 можно вывести на экран с помощью & #174. Второй заключается в использовании мнемонической кодировки. Сначала идет символ &, затем кодировка символа и завершает точка с запятой. Например, для символа ¶ запись будет следующей: & para; Таблица символов приведены ниже.
Таблица спецсимволов
Название
| Символ
| Мнемоническая кодировка
| Прямая кавычка
| "
| & quot;
| Амперсанд
| &
| & amp;
| Знак " больше"
| >
| & gt;
| Знак " меньше"
| <
| & lt;
| Знак параграфа
| §
| & sect;
| Знак авторского права
| ©
| & copy;
| Знак " зарегестрировано"
| ®
| & reg;
| Знак градуса
| °
| & deg;
| Знак " микро"
| µ
| & micro;
| Знак абзаца
| ¶
| & para;
| Нерастяжимый пробел
|
| & nbsp;
| Угловая кавычка, " левая"
| «
| & laquo;
| Угловая кавычка, " правая"
| »
| & raquo;
| Знак " плюс-минус"
| ±
| & plusmn;
| Знак отрицания
|
| & not;
| Следует учитывать, что с символами проблема та же, что и со всем остальным в HTML - совместимость. Скажем вот такой красивый знак йены: ¥ смогут рассмотреть пользователи Internet Explover. Если же вы смотрите через Netscape то увидите знак вопроса. Символы приведенные в таблице работают нормально. По крайней мере в Explovere и Navigatore стоящих на моем компьтере.
- Что такое javascript, основные понятия.
- Где размещать javascript-код.
- Первая программа, обработчики событий.
- Создание javascript-функций.
- Параметры функции.
- Объект math в javascript.
- Ветвления в программе - оператор if.
- Оператор выбора switch.
- Управление объектами web-страницы.
- Циклы for и while.
- Дата, представление и обработка.
- Массивы.
- Строки.
- Регулярные выражения.
- Работа с окнам
|