Слайд 3Формат тэга:
У многих тэгов есть свои атрибуты.
Их назначение – уточнять тэги, более подробно описывать действия над
текстом, графикой или другими объектами.
Атрибуты можно записывать в произвольном порядке через пробел. Значения атрибутов можно не заключать в кавычки и даже лучше не заключать (если это не два слова!), чтобы не запутаться, т.к. непарные кавычки – это ошибка, из-за которой команда не выполняется.
Особенность создания HTML-документа – в том, что создается он в Блокноте, а просматривать его можно в окне обозревателя, например, Internet Explorer.
Каждый раз, внося изменения в текст HTML-документа, следует его сохранять и обновлять в окне Internet Explorer, выбирая соответствующую команду или кнопку на панели инструментов , или клавишу
.
3
Сообщения об ошибках, допущенных в формате тэгов, не появляются.
Ошибки нужно искать самостоятельно, если результат при просмотре сайта не соответствует ожидаемому!
Назначение и основные понятия
Слайд 44
Структура HTML-документа
Тэги заключаются в угловые скобки и могут быть одиночными
или парными. Парные тэги содержат открывающиеся и закрывающиеся тэги (
такая пара называется контейнером). Закрывающийся тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и сточными буквами.
HTML-код страницы помещается внутрь контейнера . Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web – страница разделяется на две логические части: заголовок и содержание.
Заголовок Web-страницы заключается в контейнер и содержит название страницы и справочную информацию о станице, которая используется браузером для ее правильного отображения.
Название страницы помещается в контейнер
и при просмотре отображается в верхней строке окна браузера.
Отображаемое в браузере содержание страницы помещается в контейнер .
Созданную Web – страницу необходимо сохранить в виде файла с расширением htm. В качестве расширения файла Web – страницы можно также использовать html. Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
Необходимо различать имя файла index.htm, под которым Web-страница хранится в файловой системе, и имя Web-страницы, которое высвечивается в верхней строке браузера. Имя Web- страницы должно соответствовать ее содержанию, так как оно в первую очередь анализируется поисковыми системами.
Слайд 1111
Вставка графических изображений
На Web – страницы можно помещать изображения, хранящиеся
в графических файлах трех форматов – GIF, JPEG, PNG.
Для вставки
изображения используется тэг
![]()
с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете.
Если графический файл находится на локальном компьютере в той же папке, что и файл Web – страницы, то в качестве значения атрибута SRC достаточно указать только имя файла.
Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в многоуровневой системе папок. Есть различия в написании полного имени файла в операционных системах Windows и Linux. Рассмотрим на примере операционной системы Windows:
Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет – адрес этого файла. Например:
Все файлы с изображениями должны находиться в том же каталоге, что и HTML-документ, или в качестве значения атрибута IMG кроме имени файла и расширения имени файла нужно указывать путь к файлу.
Работа с изображениями
Слайд 1818
Атрибуты тега
alt= название области изображения-карты
Это атрибут для задания
текста, заменяющего изображение-карту, не является обязательным.
Атрибут, определяющий форму области на
карте:
rect
SHAPE = poly
сircle
point
COORDS =“x,y,x1,y1”
Описывает координаты прямоугольника rect (значения атрибута – координаты левого верхнего угла прямоугольника и правого нижнего).
COORDS =“x,y,x1,y1… xn,yn”
Описывает координаты многоугольника poly (значения атрибута – пары координат всех вершин многоугольника).
COORDS =“x,y,r”
Описывает координаты сircle (значения атрибута – координаты центра окружности и радиус).
COORDS =“x,y”
Описывает координаты точки point (значения атрибута – её координаты).
Определение координат областей для
изображения-карты.
Для определения координат можно использовать графический редактор Paint. Красными точками показаны координаты верхней левой точки необходимой области и правой нижней точки:
shape="rect" coords="235, 226, 341, 257"
Навигационные карты
Слайд 22Для создания интерактивных Web-страниц, обеспечивающих обратную связь, используются специальные формы.
Форма
– это набор элементов, знакомых нам по диалоговым окнам, таких
как поля ввода, поля выбора, переключатели. Форма позволяет создавать интерактивные страницы, т.е. организовывать диалог с пользователем.
Форма создается с помощью тега:
Пример заполняемой формы:
В пределах тега