-
Лабораторная работа №1 Общие принципы создания гипертекста и основные тэги html
Цель: познакомиться с языком гипертекстовой разметки 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). Если изменений
не видно, то это значит, что где-то что-то
неправильно записано или документ не
сохранен.
В
результате получаем