1: HyperText MarkUP Language
2: Основные понятия и Структура HTML
3: Структура HTML-документа …шапка …тело
4: Шапка документа (head) Шапка документа (head) заголовок (title, meta) скрипты (script, noscript), стили (style) фреймы (frameset, frame), карты Тело документа (body) текстовые блоки (h1,…,h6,p,div) форматирование текста (font, i,b,u,hr,br) гиперссылки (a) списки (ul,ol,li) изображения и др. объекты (img, …) таблицы (table,tr,td,…) формы (form, input, …)
5: Пример 1. 1 Пример 1. 1 ссылки рисунки таблицы Данная страница демонстрирует основные возможности HTML
6: ТЭГИ ШАПКИ ДОКУМЕНТА. Заголовок HTML-документа
7: Фреймы Фреймы используются для разбивки окна браузера на несколько областей, каждая из которых представляет собой отдельный HTML-документ (фрейм).
8: META
9: ТЭГИ ТЕЛА ДОКУМЕНТА. BODY.
10: Форматирование текста
11: Текстовые блоки
12: Блочные и строковые элементы
13: A
14: Типы ссылок. Примеры использования.
15: Списки
16: Тэг img (Изображения) Параметры: src - адрес файла с изображением. width и height - ширина и высота изображения. alt – текст вместо изображения border - ширина рамки Пример.
17: ТАБЛИЦЫ
18: Параметры таблиц Общие параметры table, td, th: align, valign, border, width, height, bgcolor, background Параметры td и th: colspan - количество объединенных столбцов (объединение по горизонтали); rowspan - количество объединенных строк (объединение по вертикали).
19: Пример colspan.
20: Пример rowspan.
21: Задание для подготовки к лабораторной работе по HTML Продумать идею сайта Подготовить материалы: изображения, тексты, … Разработать структуру сайта из 5-7 страниц (1 - с формой для отзывов). Определиться с типами страниц (2-3). Разметить шаблоны. В сайте должны присутствовать текстовые блоки, элементы форматирования, гиперссылки, списки, таблицы.
