Тема: Понятие о языках разметки.
План занятия:
1. SGML. Основные понятия HTML
2. Структура HTML-документа
3. Спецификация элемента BODY
Цель занятия:изучить основные понятия HTML-программирования, особенности и структуру HTML –документа; рассмотреть его основные элементы и спецификации; дать студентам навыки применить полученные теоретические знания на практике.
SGML - это система определения языков разметки.HTML является одним из примеров языка разметки.
HTML – язык гипертекстовой разметки документов (HyperText Markup Language).
Особенности HTML-документа:
1. HTML-документ может содержать текст, графику, видео и звук.
2. В общем случае HTML-документ – это один или несколько текстовых файлов, имеющих расширение .htm или .html.
3. Создавать HTML-документ можно как с помощью специальных программ – редакторов HTML (например, FrontPage), так и с помощью любого текстового редактора (например, блокнота Windows).
4. Для просмотра HTML-документов существуют специальные программы-браузеры. Они интерпретируют HTML-документы, т.е. переводят текст документа в Web-страницу, и отображают ее на экране пользователя. Существует очень много различных браузеров, но наиболее распространенными браузерами являются Microsoft Internet Explorer, Netscape Navigator и Opera.
5. Если при интерпретации HTML-документа браузер чего-то не понимает, то сообщения об ошибке не возникает, а это место в HTML-документе игнорируется и не отображается браузером.
Основными конструкциями языка являются тэги. Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг.
<title> Заголовок документа </title>
Завершающий тэг выглядит также, как стартовый, он отличается от него прямым слэшем перед текстом внутри угловых скобок. Некоторые тэги, такие, как <hr> (тэг, определяющий горизонтальную линию), не требуют завершающего тэга.
HTML не реагирует на регистр символов, на синтаксис. Тэги либо распознаются браузером, либо нет.
Когда Web-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <html>. Простейший HTML-документ будет выглядеть так:
<html>
<head>
<title>.......</title>
</head>
<body>
……..
</body>
</html>
Основные элементы страницы
Заголовочная часть документа <head> .
Элементы, находящиеся внутри раздела head (кроме названия документа, записываемого с помощью раздела title), не видны на экране (во всяком случае, напрямую). Элементы, содержащиеся внутри раздела head документа, нужны для того,чтобы:
· Датьдокументуназвание
· Определить отношения между несколькимидокументами
· Дать указание браузеру создать форму дляпоиска
· Добавитьдинамическуюсоставляющую
Стартовый тэг <head> помещается непосредственно перед тэгом
<title>, а завершающий тэг </head> размещается сразу после окончания описания документа. Например:
<head>
<title> Список сотрудников </title>
</head>
Заголовок документа <title> .
Раздел title служит для того, чтобы дать документу название. Оно обычно показывается в заголовке окна 6payзepa.
Название документа записывается между тэгами <title> и </title> и представляет собой текстовуюстроку.
Тело документа <body> .
Тело документа должно находиться между тэгами <body> и </body>. Атрибуты этого тега определяют общий облик вашего документа. Они перечислены в Таблице 1.
Таблица 1.
Атрибут |
Назначение |
Background |
Указывает на URL-адрес изображения, которое используется в качествефонового. |
Bgcolor |
Определяетцветфона документа |
Bgproperties |
Если установлено значение fixed, фоновое изображение непрокручивается. |
Alink |
Определяетцветактивнойссылки. |
Link |
Определяет цвет еще не просмотренной ссылки. |
Vlink |
Определяет цвет уже просмотренной ссылки. |
Text |
Определяетцветтекста. |
Topmargin |
Устанавливает границу верхнего поля в пикселах. |
Leftmargin |
Устанавливает границу левого поля в пикселах. |
Комментарии.
Как любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются браузером. Синтаксис комментария:
<!-- Это комментарий -->
Комментарии могут встречаться в документе где угодно и в любом количестве.
Элемент address.Этот элемент служит для идентификации автора документа. Сюда же обычно помещаются сведения об авторских правах. Этот элемент располагается либо в начале, либо в самом конце документа. Элемент address состоит из текста, помещенного между тэгами <address> и
</address>. Текст, заключенный между этими тэгами, обычно показывается в окне браузера курсивом.
Скачано с www.znanio.ru
© ООО «Знанио»
С вами с 2009 года.