Основные тэги таблицы
Таблица: < TABLE>...< /TABLE>
Это основноые тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов.
Строка таблицы: < TR>...< /TR>
Количество строк таблицы определяется количеством встречающихся пар тэгов < TR>..< /TR>. Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк в таблице.
Ячейка таблицы: < TD>...< /TD>
Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы.
Заголовок таблицы: < TH>...< /TH>
Ячейка заголовка таблицы имеет ширину всей таблицы; текст в данной ячейке имеет атрибут BOLD и ALIGN=center.
Пример таблицы:
| < TABLE BORDER=1 bordercolor=darkblue> < CAPTION ALIGN=bottom> Таблица №1 < /CAPTION> < TR> < TD ROWSPAN=2> < /TD> < TH COLSPAN=2> Среднее значение< /TH> < /TR> < TR> < TH> Рост< /TH> < TH> Вес< /TH> < /TR> < TR> < TD> Мужчины< /TD> < TD ALIGN=center> 174< /TD> < TD ALIGN=center> 78< /TD> < /TR> < TR> < TD> Женщины< /TD> < TD ALIGN=center> 165< /TD> < TD ALIGN=center> 56< /TD> < /TR> < /TABLE>
|
| Среднее значение
| Рост
| Вес
| Мужчины
|
|
| Женщины
|
|
| Таблица №1
| | |
|
Кроссворд
По горизонтали:
1) Инструменты, используемые при создании web-страниц(теги)
3) Тег для перехода с одной страницы на другую(ссылка)
5) Для чего предназначен тег < div>? (блок)
7) С помощью тега ul создаётся...(список)
9) Что содержится между тегами title(загаловок)
11) Какое форматирование осуществляет тег u(подчеркивание)
13) Тег br осуществляет … строки(перенос)
15) Списки бывают … и вложенные(одноуровневые)
| По вертикали:
2) Какую информацию можно записать в тегах? (атрибут)
4) Для чего предназначен тег < img>? (картинка)
6) Средство просмотра web-страниц.(браузер)
8) Тип маркера при использовании атрибута square(квадрат)
10) Многоуровневые списки (вложенные)
12) Какое форматирование осуществляет тег i (курсив)
14) Какое форматирование осуществляет тег center(центрирование)
|
Карточки заданий
Фамилия: __________ Карточка №1
| 1) Предназначение онлайн сервисов
| Ответ:
| 2) Опишите тег < img> (свойства, атрибуты)
| Ответ:
| 3) Как создать гиперссылку в DreamViewer
| Ответ:
| Фамилия: __________ Карточка №2
| 1) Виды онлайн сервисов (не менее двух)
| Ответ:
| 2) Как вставить гиперссылку с помощью кода?
| Ответ:
| 3) Как задать цвет для ячейки таблицы в DreamViewer?
| Ответ:
| Фамилия: __________ Карточка №3
| 1) Как включить прослушивание перевода в google translate?
| Ответ:
| 2) Какие атрибуты могут быть у тега < table>?
| Ответ:
| 3) Как создать таблицу в DreamViewer?
| Ответ:
| Фамилия: __________ Карточка №4
| 1) Можно ли в google translate сделать авто определение текста? Как?
| Ответ:
| 2) Какие атрибуты имеет тег < img>?
| Ответ:
| 3) Как вставить картинку с помощью DreamViewer?
| Ответ:
| Фамилия: __________ Карточка №5
| 1) Для чего предназначена кнопка
| Ответ:
| 2) Как программно создать колонку?
| Ответ:
| 3) Какие еще типы документов можно создать в DreamViewer?
| Ответ:
|
|