Слайд 2Основные понятия и Структура HTML
Слайд 3Структура HTML-документа
… шапка
… тело
Слайд 4Шапка документа (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
ссылки
рисунки
href="example8.html">таблицы
Данная страница демонстрирует основные
возможности HTML
Слайд 6ТЭГИ ШАПКИ ДОКУМЕНТА.
Заголовок HTML-документа
Слайд 7Фреймы
Фреймы используются для разбивки окна браузера на несколько областей,
каждая из которых представляет собой отдельный HTML-документ (фрейм).
frameset фреймовая
(оконная) структур документа: размеры и расположение фреймов на странице
frame фрейм и его свойства внутри frameset-структуры
noframes что показывать, если браузер не поддерживает фреймы
Слайд 8META
Служебная информация, невидимая для пользователя и используемая при индексации поисковыми
серверами.
Параметры:
name - имя мета-записи.
http-equiv - имя мета-записи при
передачи дополнительной информации
content - значение мета-записи, определенной в name или http-equiv.
Слайд 10Форматирование текста
Параметры font:
face - тип шрифта; color – цвет;
size – размер
Пример. …
Слайд 11Текстовые блоки
Параметр:
align - выравнивание содержимого.
Значения: left, right, center, [justify].
Пример.
ЗАГОЛОВОК посередине
...
маленький заголовок
Слайд 14Типы ссылок. Примеры использования.
Ссылка на другую страницу сайта
просмотреть фото
2. ссылка на место в документе
история бодибилдинга
...
перейти к разделу:
href="#history">истории
3. ссылка на др. сайт
Рамблер 4. ссылка на почтовый адрес
отправить отзыв .
Слайд 16Тэг img (Изображения)
Параметры:
src - адрес файла с изображением.
width и height
- ширина и высота изображения.
alt – текст вместо изображения
border
- ширина рамки
Пример.
Слайд 18Параметры таблиц
Общие параметры table, td, th:
align, valign, border, width, height,
bgcolor, background
Параметры td и th:
colspan - количество объединенных столбцов
(объединение по горизонтали);
rowspan - количество объединенных строк (объединение по вертикали).
Слайд 21Задание для подготовки к лабораторной работе по HTML
Продумать идею сайта
Подготовить материалы: изображения, тексты, …
Разработать структуру сайта из 5-7 страниц
(1 - с формой для отзывов).
Определиться с типами страниц (2-3). Разметить шаблоны.
В сайте должны присутствовать текстовые блоки, элементы форматирования, гиперссылки, списки, таблицы.
![Текстовые блокиПараметр:align - выравнивание содержимого. Значения: left, right, center, [justify].Пример. ЗАГОЛОВОК посередине ...маленький заголовок](/img/tmb/2/154454/e4d9b77bf24c73e89d025a7fe0fe292e-800x.jpg "html.ppt Текстовые блокиПараметр:align - выравнивание содержимого. Значения: left, right, center, [justify].Пример. ЗАГОЛОВОК посередине ...маленький заголовок")
