Тема № 14. Основы языка HTML
Цель: Формирование умений и навыков создания HTML-документа, вставки графических объектов в HTML-документ а также, привитие студентам практических навыков по разработке Web – страниц.
Задачи обучения: Формирование умении и навыков создания HTML-документа, вставки графических объектов в HTML-документ.
Основные вопросы темы:
Основы HTML-документа.
Форматирование текста.
Использование HTML - списков. Списки определений.
Цветовая гамма HTML - документа.
Изображения в HTML - документе.
Таблицы.
Методы обучения и преподавания: работа с программой Internet Explorer.
Краткая теория
Специальные программы для просмотра электронных документов, созданных по правилам языка разметки HTML, называются браузерами. Сегодня существует большое количество самых разнообразных браузеров, из которых наибольшей популярностью пользуются три программы: Internet Explorer, Netscape и Opera. Можно назвать несколько основных возможностей браузера, благодаря которым Internet Explorer получил такую популярность;
быстрый запуск программы;
поддержка многих технологий, не реализованных или реализованных недостаточно в других браузерах (ActiveX, CSS1/CSS2, «плавающие фреймы» и др.)
демократичность интерпретации HTML-кода (при загрузке документа, код которого содержит незнакомые конструкции и/или ошибки, Internet Explorer, в большинстве случаев, просто не выведет на экран часть, вызывающую затруднения; в то время как, например Netscape может отобразить структуру такого документа нарушенной или вообще ничего не вывести на экран монитора);
полная интэграция с другими приложениями Microsoft, работающими под управлением OC Windows;
возможность масштабирования графических изображений, открытых в отдельном окне.
Среди недостатков можно выделить:
нестабильность работы;
невысокую скорость загрузки информации.
Основы html-документа.
HTML-это язык, который позволяет создавать почти все многообразие эффектов, которые вы можете увидеть во «Всемирной паутине». Однако в некотором смысле HTML ограничен, и тогда он зовет на помощь такие языки, как Java и CGI, которые могут привнести на страницу эффекты и функции, которые находятся за пределами возможностей HTML. HTML означает «язык разметки гипертекста»-Hyper Text Markup Language. HTML-это программный язык, который требует от пользователя следовать определенным правилам и использовать вполне определенные операторы. Ограниченность набора операторов уменьшает возможности языка и требует применения дополнительных средств. HTML-документ — это просто текстовый файл с расширением *.htm.
Структура HTML-документа
<html>
--------
текст заголовка
---------
</head>
---------
текст документа
---------
</html>
Пример 1.
<html>
<head>
<title>
Пример 1
</title>
</head>
<body> Асанбаева Айнур Муратовна
</body>
</html>
Как видно из примера, вся информация о форматировании документа сосредоточена в его фрагментах, заключенных между знаками "<" и ">". Такой фрагмент (например, <html> ) называется меткой (по-английски — tag, читается "тэг"). Большинство HTML-меток — парные, то есть на каждую открывающую метку вида <tag> есть закрывающая метка вида </tag> с тем же именем, но с добавлением "/". Метки можно вводить как большими, так и маленькими буквами.
Раздел HTML определяет специфику документа, содержание которого будет интерпретироваться браузером. Раздел описывается тэгом контейнером <HTML>…</HTML> и дает браузеру информацию о том, что документ разработан с помощью языка разметки HTML.
Раздел HEAD выполняет функцию рабочего заголовка HTML-документа и является, по сути, «бойцом невидимого фронта». Тэги, указываемые внутри раздела, чрезвычайно важны и могут сильно влиять на внешний вид документа, но сами остаются незаметными глазу пользователя. Данному разделу сопоставлен парный тэг <HEAD>…</HEAD>.
Внутри раздела HEAD можно указывать следующие тэги HTML.
Парный тэг <TITLE>…</TITLE> предназначен для указания имени созданного электронного документа. Следует помнить, что под именем документа в данном случае имеется в виду не файловое наименование, а визуальный заголовок HTML-страницы.
Раздел BODY является одним из самых важных компонентов любого HTML-докуманта, т.к. в нем располагается содержательная часть, которая выводится браузером на экран монитора пользователя.
Раздел описывается парным тэгом <BODY>…</BODY>, внутри которого размещается большинство существующих тэгов HTML.