- •Основы html
- •Введение
- •Основные понятия
- •Лабораторная работа №1
- •Форматирование текста
- •Задание к лабораторной работе №1
- •1. Создание html- документа.
- •2.Просмотр html-документа.
- •3.Редактирование html-документа.
- •Лабораторная работа №2
- •Заголовок таблицы
- •Лабораторная работа №3
- •Задание к лабораторной работе №3
- •Лабораторная работа №4 Тема: использование фреймов
- •Задание к лабораторной работе № 4
- •Лабораторная работа №5 Тема: карты изображений
- •Лабораторная работа №6 Тема: использование элементов форм при создании Web-страницы
- •Общие атрибуты форм
- •Элементы форм
- •Атрибуты, определяющие свойства элемента input
- •Пример формы (форма4)
- •Дополнительная литература
Основы html
Методические указания по выполнения лабораторных работ
Введение
Примеры выполнения лабораторных работ приведены с использованием текстового редактора Блокнот и броузера Internet Explorer.
Основные понятия
Hyper Text Markup Language - язык разметки гипертекстовых документов.
Элемент (element) – конструкция языка HTML, содержащая данные и позволяющая отформатировать их определенным образом.
Тег (tag) – начальный и конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки (< >), а конечный тег снабжается косой чертой (/).
Атрибут (attribute) – параметр или свойство элемента, т.е. переменная, которая имеет стандартное имя и стандартное или произвольное значение. Символьные значения заключаются в прямые кавычки (некоторые броузеры допускают отсутствие кавычек).
Гиперссылка – фрагмент текста, который является указателем на другой файл или объект. Гиперссылки необходимы для того, чтобы обеспечить возможность перехода от одного документа к другому.
Фрейм (frame) – термин имеет два значения. Первое – область документа со своими полосами прокрутки. Второе значение – одиночное изображение в сложном (анимационном) графическом файле (по аналогии с кадром кинофильма).
HTML-файл или HTML-страница – документ, созданный в виде гипертекста на основе языка HTML, имеет расширение htm или html.
Скрипт или сценарий (skript) – программа, передаваемая на компьютер клиента в виде отдельного файла или запускаемая при просмотре Web-страницы.
Web-страница – документ (файл), подготовленный в формате гипертекста и размещенный в Word Wide Web (WWW).
Сайт (site) – набор Web-страниц, принадлежащих одному владельцу.
Броузер (browser) – программа для просмотра Web-страниц.
URL (Uniform Resource Locator) или универсальный указатель ресурса – адрес некоторого объекта в Интернет. Типичный URL для WWW имеет вид: http://www.название.домен/имя файла.
Базовый URL - часть адреса, которая является общей для всех ссылок текущей Web-страницы.
Лабораторная работа №1
Тема: создание простейшего HTML – документа, основные элементы, сохранение и редактирование, форматирование абзацев текста.
Язык разметки гипертекстовых документов представляет собой совокупность команд, называемых тегами.
Структура HTML-документа:
<HTML> </ HTML> - начальный и конечный теги, определяющие соответственно начало и конец Web- страницы.
Заголовок <HEAD> </HEAD> - предоставляет информацию приложению, интерпретирющему документ. Элемент имеет атрибуты: version, lang, dir.
Заглавие <TITLE> </TITLE> - строка текста, отображаемая в заголовке окна броузера и используемая для организации поиска в INTERNET.
Тело Web-страницы - <BODY> </BODY> - произвольная часть документа, разрабатываемая автором страницы и отображаемая броузером. Внутри элемента можно использовать все элементы, предназначенные для дизайна Web - страницы.
Используемые атрибуты:
Background = "Путь к файлу фона"
Bgcolor = "#RRGGBB". Цвет фона задается тремя двуразрядными шестнадцатиричными числами, которые определяют интенсивность красного, зеленого и синего цветов соответственно.
Text = "#RRGGBB" - используется для задания цвета текста.
Link = "#RRGGBB" - используется для задания цвета гиперссылок.
Vlink = "#RRGGBB" - используется для задания цвета просмотренных гиперссылок.
Alink ="#RRGGBB" - используется для задания цвета последней выбранной пользователем гиперссылки.
Leftmargin - ширина левого поля (в пикселях).
Topmargin - ширина верхнего поля (в пикселях).
Для создания HTML-документа необходимо иметь:
Любой стандартный текстовый редактор или процессор, который обеспечивает сохранение текста в формате "только текст", без специальных кодов форматирования (например, Блокнот).
Любой броузер (например, Internet Explorer).
Стандартные атрибуты:
id - выполняет функции уникального имени элемента;
style - предназначен для определения формата конкретного элемента.
align- используется для выравнивания текста, объектов или элементов целиком. Выравнивание может выполняться относительно границ окна, рамки таблицы и т.д. может принимать следующие значения:
left - выравнивание по левому краю;
right- выравнивание по правому краю;
Justify - выравнивание по ширине ( для текста);
center - выравнивание по центру (по горизонтали)
middle- выравнивание по центру (по вертикали);
top- выравнивание по верхней границе;
bottom- выравнивание по нижней границе.
lang- определяет, на каком языке набран текст внутри текущего элемента.
Коды некоторых языков:
ar – арабский;
de- немецкий;
el – греческий;
en – английский;
en-us- американская версия русского языка;
fr- французский;
he- иврит;
hi- хинди;
it- итальянский;
ja- японский;
nl- голландский;
pt- португальский;
ru- русский;
zh- китайский.
Dir - указывает направление текста ("LTR" - слева направо, "RTL" - справа налево).