Общие принципы создания гипертекста и основные тэги HTML

Лабораторная работа №1

Цель: познакомиться с языком гипертекстовой разметки HTML, изучить основные тэги и атрибуты языка HTML.

HTML-файл или HTML-страница (документ), созданный в виде гипертекста на основе языка HTML.

HTML-файлсостоит из набора тэгов.

Тэг(tag)- начальный или конечный маркеры элемента. Тэги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web- страницы тэги заключаются в угловые скобки, а конечный тэг ещё с косой чертой (/)

Все, что находится между скобками, одинаково с точки зрения этих свойств. Например, можно задать для части текста цвет, отличающийся от цвета остальных частей. Т.е. то, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (tags или тэги):

<слово>выделяемая скобками часть</слово>

Некоторые тэги, вроде <br> (перенос текста на другую строку), не требуют закрывающего тэга.

Тэг, который может содержать внутри себя другие тэги (и текст).

<тэг1><тэг2><тэг3> ... </тэг3></тэг2></тэг1>

Только такая очередность закрывающих тэгов верна: тэг, который мы открыли первым - закрываем последним, второй – предпоследним и т.д.

Т.е. следующая очередность нежелательна и не верна, она может привести к ошибкам на вашей страничке:

<тэг1><тэг2><тэг3> ... </тэг3></тэг1></тэг2>

Вся HTML страничка заключается в пару скобок

<HTML>все элементы страницы</HTML>

Элемент <HTML></html> можно считать самым внешним, так как внутри его содержится сама Web- страница. В принципе этот элемент можно посчитать формальностью. В этот элемент бывают вложены и другие элементы, которые отвечают за интерактивность страницы. Каждая страница должна храниться в отдельном файле. Страница состоит из двух частей – заголовка и тела.

Заголовок (<HEAD></head>) задает оформление страницы в целом, и может вообще отсутствовать. Начало заголовка отмечается скобкой <head>, а конец – скобкой </head>. Все тэги, расположенные между <HEAD></head>, представляют служебную информацию. Этот элемент должен содержать заголовок страницы и включать тэг TITLE.

<TITLE></title> предназначен для размещения заголовка Web -страницы. Надпись, включенная в эти тэги, будет отображаться в окне браузера.

Браузер (browser) — программа для просмотра Web-страниц.

Тело страницы начинается скобкой <body>, заканчивается </body>.Этот элемент включает в себя гипертекст, который определяет страницу в целом. Содержание этого элемента определяется автором, и оно может быть совершенно произвольным. Конечный тэг этого элемента можно найти в конце Web -страницы. Внутри этого элемента можно расположить ряд атрибутов, которые играют большую роль в дизайне.

Таким образом, общая структура страницы может быть записана в следующем виде:

<html> <head> <title>Мой первый шаг </title> </head> <body> Здравствуйте, это моя первая страница. </body> </html>

Для создания HTML страницы необходимо открыть блокнот – notepad (start – programs – accessories – notepad или пуск – программы – стандартные – блокнот) и скопировать туда приведенный текст.

Чтобы сохранить его с расширением *.html: Файл -> Сохранить Как (File -> Save as)

Дальше вводится имя своего документа, например: index.html (а не просто index).

Чтобы просмотреть документ – необходимо открыть его в браузере Internet Explorer:

Файл – Открыть (Open) – кнопка Обзор (Browse) – Документ (index.html).

Для того чтобы просмотреть в Internet Explorer изменения, внесенные в созданный *.html документ (в блокноте), необходимо обновлять окно браузера (кнопка ОБНОВИТЬ или Refresh). Если изменений не видно, то это значит, что где-то что-то неправильно записано или документ не сохранен.

В результате получаем