1.Вывод стандартных табличных данных 2.Позиционирование различных элементов – картинок, фрагментов текста – в строго заданных местах. Хотя, современная. - презентация

1

2 1.Вывод стандартных табличных данных 2.Позиционирование различных элементов – картинок, фрагментов текста – в строго заданных местах. Хотя, современная концепция WEB-дизайна рекомендует делать разметку страницы с помощью тегов и таблиц стилей CSS. Такой вид дизайна называют еще ДИВным

3 Тег -создает таблицу. Все прочие элементы таблицы – текст, рисунки, списки - должны быть вложенными в него. -Допускается также вложение таблиц одна в другую, т.е. содержимым ячейки может быть другая таблица. Закрывающий тег обязателен Теги и - описывают строки и столбцы (ячейки таблицы). Тег - описывает заголовки в первой строке таблицы. Тег - описывает заголовок таблицы.

4 Атрибуты для тэга Align выравнивание таблицы относительно документа. Возможные значения: center, left, right Valign - выравнивает текст в таблице по вертикали. Значения: top, bottom, middle, baseline. background=имя файла строка, определяющая рисунок для заднего фона таблицы bgcolor =цвет определяет задний фон таблицы border толщина внешней рамки в пикселях. Если атрибут не указан, то таблица выводится без видимой рамки bordercolor =цвет цвет рамки bordercolorlight =цвет цвет рамки слева и сверху bordercolordark =цвет цвет рамки справа и снизу

5 Атрибуты для тэга title =Текст всплывающая подсказка width = число ширина таблицы в процентах или пикселях height = число рекомендуемая высота таблицы только в пикселях cellspacing = число расстояние между ячейками cellpadding = число расстояние между содержимым и рамкой colls = число заранее сообщает браузеру количество столбцов в таблице. border cellspacing cellpadding

6 A border cellspacing cellpadding

7 rules - описывает рамки внутри таблицы. Значения: allОтображает все части рамки внутри таблицы colsОтображает все вертикальные рамки внутри таблицы noneУдаляет все рамки внутри таблицы rowsОтображает все горизонтальные рамки внутри таблицы Атрибуты для тэга

8 frame - описывает параметры внешней рамки. Значения: boxОтображает все части рамки вокруг таблицы voidУдаляет все рамки вокруг таблицы aboveРамка только сверху belovРамка только снизу lhsРамка только слева rhsРамка только справа vsidesРамка только слева и справа hsidesРамка только сверху и снизу Атрибуты для тэга

9 - строка таблицы В этом тэге можно использовать почти все атрибуты, что и в тэге таблицы. Но действуют они только в этой строке. - ячейки таблицы с заголовками столбцов - ячейки таблицы с данными В этих тэгах тоже можно применять почти все атрибуты таблицы. Для оформления текста можно использовать все тэги форматирования. Таблица строится по строкам. Сначала прописываются все ячейки в первой строке, затем – во второй, и т.д.

10 Заголовок столбца 1 Заголовок столбца 2 Ячейка столбца 1, ряд 1 Ячейка столбца 2, ряд 1 Ячейка столбца 1, ряд 2 Ячейка столбца 2, ряд 2

11 1. Быстро поморгать, закрыть глаза и посидеть спокойно, медленно считая до 5. Повторить 4-5 раз. 2. Крепко зажмурить глаза (считая до 3, открыть их и посмотреть вдаль (считая до 5)). Повторить 4-5 раз.

12 Сейчас Юля то, что выделено синим цветом набери в свой документ. После списков набираешь следующее: Сейчас немного поговорим о компьютерных вирусах Вирусы заражают Вирусы не заражают программы – *.exe, *.com загрузочные сектора дисков и дискет командные файлы – *.bat драйверы – *.sys библиотеки – *.dll документы с макросами – *.doc, *.xls, *.mdb Web-страницы со скриптами

13 Продолжение текст – *.txt рисунки – *.gif, *.jpg, *.png, *.tif звук (*.wav, *.mp3, *.wma) видео (*.avi, *.mpg, *.wmv) любые данные (без программного кода)

14 В результате у тебя должно получится следующее:

15 Повторить пройденный материал и создать свой таблицу Сейчас на закрепление пройденного материала напиши тест