Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Создание сложных таблиц






При создании сложных таблиц исспользуют два основных приема: объединение ячеек и вставка таблицы в уже готовую таблицу.

Объединение ячеек.

Объединение ячеек происходит с помощью атрибутов 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 стоящих на моем компьтере.

 

 

  1. Что такое javascript, основные понятия.
  2. Где размещать javascript-код.
  3. Первая программа, обработчики событий.
  4. Создание javascript-функций.
  5. Параметры функции.
  6. Объект math в javascript.
  7. Ветвления в программе - оператор if.
  8. Оператор выбора switch.
  9. Управление объектами web-страницы.
  10. Циклы for и while.
  11. Дата, представление и обработка.
  12. Массивы.
  13. Строки.
  14. Регулярные выражения.
  15. Работа с окнам

 






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.