Язык HTML HyperText Markup Language Язык разметки гипертекста. - презентация

1

2 Язык HTML HyperText Markup Language Язык разметки гипертекста

3 Разрешение адресов Абсолютные URI Относительные URI Абсолютное задание сервера Абсолютное задание пути /… Относительные URI Элемент BASE (в заголовке)

4 Ссылки LINK – в заголовке A – в теле (anchor) Атрибуты A: name, id href target type rel, rev charset

5 Примеры ссылок Следующий раздел Глава 1 Глава 2 Глава 3 … Глава 1 … Глава 2 … Глава 3

6 Элемент IMG Атрибуты src– адрес картинки alt– альтернативный текст longdesc–URI длинного описания height–высота (в пикселях или %) width–ширина align–выравнивание (bottom, middle, top, left, right) border–граница-рамка (в пикселах) hspace, vspace – пустое пространство usemap–клиентская карта ismap–серверная карта

7 Изображения, внешние объекты IMG – изображение APPLET – java-апплет IFRAME – встроенный фрейм OBJECT – общий элемент для объектов Атрибуты элемента OBJECT: data type Содержимое OBJECT – альтернативное представление объекта

8 Внешние объекты OBJECT – элемент для объектов param – элемент для передачи параметров с атрибутами: name value EMBED – элемент из HTML5 =

9 Карты Клиентская Серверная Приложение, получает координаты в URI: getxy.cgi?10,30

10 Примеры изображений Моё фото

11 Таблицы TABLE– таблица TR – строка TD, TH– ячейки (данные и заголовки) CAPTION – заголовок таблицы THEAD, TFOOT, TBODY – группы строк COLGROUP, COL – группы столбцов

12 Структура таблицы Ячейка Строка Таблица

13 Структура таблицы Таблица умножения множитель результат итог итог

14 Элемент TABLE Атрибуты: align (left, center, right) нежелательны width cellspacing, cellpadding –поля ячеек bgcolor– цвет фона (нежелателен) rules– линии вокруг ячеек (none, basic, rows, cols, all) frame– какие границы (самой таблицы) видны (void, above, below, box, hsides, vsides, lhs, rhs) summary– краткая информация

15 Примеры Текст заполняет место, незанятое таблицей Текст заполняет место, незанятое таблицей.

16 Элементы TR, TD, TH Атрибуты TR: align(left, center, right) valign(top, bottom, center) Кроме этого, атрибуты TD, TH : width, height (нежелательны) bgcolor– цвет фона (нежелателен) nowrap– не разбивать на строки colspan, rowspan – объединение ячеек …

17 Примеры таблиц

18 Примеры таблиц – colspan Заголовок Столбец 1 столбец

19 Редактирование INS – вставленный текст DEL – удалённый текст Атрибуты: cite – источник (значение – URL) datetime – время правки

20 Прочие элементы HR – горизонтальная линия PRE – форматированный текст Это одна строка. Это другая. Экзотика: MARQUEE – бегущая строка