- •Федеральное агентство связи
- •Предисловие
- •Введение
- •Лекция 1. Основные понятия информатики.
- •Информатика – понятие, определение.
- •Что такое информация?
- •В каком виде существует информация?
- •Как передаётся информация?
- •Лекция 2. Свойства информации. Количество информации. Понятие алгоритма.
- •Какими свойствами обладает информация?
- •Как измеряется количество информации?
- •Понятие алгоритма
- •Что такое информационные ресурсы и информационные технологии?
- •Что понимают под информатизацией общества?
- •Лекция 3. Кодирование чисел. Логические основы эвм
- •Кодирование чисел двоичным кодом
- •Перевод из одной системы счисления в другую.
- •Двоичная система счисления Bin (Вinary)
- •Логические основы построения эвм
- •Лекция 4. Арифметические операции, представления информации и принцип программного управления в эвм
- •Арифметические операции в эвм
- •Обратный и дополнительный коды чисел
- •Представление информации в эвм
- •Принцип программного управления эвм
- •Лекция 5. Устройства компьютера
- •5.1 Устройства компьютера.
- •5.2 Принципы построения компьютера
- •5.3 Как выполняется команда?
- •5.4 Архитектура и структура компьютера.
- •5.5 Центральный процессор компьютера
- •5.6 Память компьютера
- •5.6.1. Устройства образующие внутреннюю память компьютера
- •5.6.2 Внутренняя память
- •5.6.3. Специальная память
- •5.6.4 Внешняя память
- •Лекция 6 Вирусы их разновидности и борьба с ними. Архивы и архиваторы.
- •6.1 Компьютерный вирус
- •6.2 Антивирусные программы
- •6.3 Классификация антивирусов
- •6.3 Архиваторы и архивы
- •6.4. Типы сжатия информации
- •Лекция 7 Основы программирования
- •7.1 Машинный язык.
- •7.2 История языков программирования.
- •7.3 Основы машинной математики.
- •7.4 Блок-схемы.
- •7.4.1 Базовые алгоритмические структуры
- •Лекция 8 Некоторые аспекты безопасности связи
- •8.1 Шифр Юлия Цезаря
- •8.2 Основные определения
- •8.3 Коды и шифры
- •8.4 Оценка стойкости системы шифрования
- •8.5 Коды, обнаруживающие и исправляющие ошибки.
- •8.6 Модульная арифметика
- •Лекция 9 html и текст
- •9.1 Понятие тэга
- •Этот текст набран с разрядкой
- •Этот текст набран с разрядкой
- •9.2 Борьба с ограничениями html
- •Лекция 10 Графика, Гиперссылки.
- •10.1 Внедрение графики в html – документ
- •10.2 Гиперссылки
- •10.3 Структура сайта
- •Первый этюд к гипертексту
- •Второй этюд к гипертексту
- •Третий этюд к гипертексту
- •Последний этюд к гипертексту
- •10.4 Имена файлов и ссылки на них
- •Замечание
- •10.5 Коварный FrontPage.
- •Лекции 11 Таблицы и фреймы. Формы.
- •11.1 Таблицы
- •11.2 Фреймы
- •11.3 Формы
- •Лекция 12 Презентация
- •12.1 Алгоритм создания презентации
- •11.2 Выбор диаграмм
- •Предметный указатель
- •Литература
Лекция 9 html и текст
Что такое HTML? Это всего лишь аббревиатура английского названия языка разметки гипертекста – Hypertext Markup Language. документы, описанные с использованием HTML и позволяют осуществлять представление информации при работе по Web – технологии.
Цель лекции: Научиться создавать НТМL документ. Дать понятие браузера, тэга. Научиться форматировать текст в НТМL документе.
Так называемый Web – браузер – это клиентская программа, которая позволяет считывать с сервера указанный ей файл специального формата и отображать его на экране компьютера. Но что, собственно, означает фраза: файл специального формата? Так называемый HTML – документ (именно так называются эти файлы) представляет собой обычный текстовый файл, который содержит как текст, предназначенный для вывода на экран, так и специальные HTML – метки, предназначенные для настройки Web – браузера. Принципиальным является то, что HTML – документ отображается браузером не полностью. Он состоит как из предназначенного для вывода на экран текста, так и из дополнительных служебных меток, называемых тэгами. В принципе, существует немало прикладных программ (они называются HTML – редакторами), которые позволяют формировать изображение на экране, не прибегая к описанию всего HTML – документа (вместе со всеми тэгами); например, широко известная – FrontPage компании Microsoft. Однако, следует иметь в виду два обстоятельства. Во-первых, пытаясь научиться создавать HTML – документы лишь при помощи HTML – редактора, вы никогда не научитесь делать это хорошо. Во – вторых, качественный HTML – редактор стоит денег, а бесплатные программы все равно не избавят вас от необходимости периодического редактирования HTML – документа в ручную. Так что лучше всего начинать нужно с нуля.
Браузер – это специальное приложение-интерпретатор, которое позволяет, выполняя HTML-программу, отображать гипертекстовый документ на экране компьютера. Браузер обеспечивает работу ссылок. Когда пользователь активирует ссылку, текущий документ на экране заменяется тем, на который запрограммирована ссылка.
Браузер – эта та программа, при помощи которой вы сейчас читаете этот текст.
Самыми популярными браузерами являются Microsoft Internet Explorer и Netscape Navigator. По своим возможностям этим продуктам значительно уступает браузер Mosaic (первый браузер, который был способен работать с графикой).
В литературе наряду с термином "браузер" используются термины "броузер", "обозреватель" и "навигатор".
9.1 Понятие тэга
Сначала разберем, что такое тэг.
Тэгом называется специальная HTML – метка, предназначенная для того, чтобы дать указание Web – браузеру, как именно необходимо интерпретировать расположенный после него текст.
Тэг представляет из себя специальное служебное слово, заключенное в круговые скобки. Большинство тэгов имеют свою закрывающуюся пару, которая отменяется его действие. Тэговая пара в точности повторяет сам тэг, но отличается косой чертой (слешем), идущей сразу за открывающей угловой скобкой.
Любой HTML – документ начинается тэгом <HTML> и заканчивается его парой </HTML>. Он имеет «голову» и «тело», соответственно тэговые пары <HEAD> </HEAD> и <BODY> </BODY>. Web –браузер выводит на экран ту информацию, которая размещена в теле ML – документа. Следовательно, любой HTML - документ имеет следующую структуру:
<HTML>
<HEAD> </HEAD>
<BODY> </BODY>
</HTML>
Вся информация, которая выводится Web – браузером, вставляется между тэговой парой <BODY> </BODY>. А для чего нужна секция <HEAD>? Для разных целей. Для иллюстрации создадим первый HTML – документ. Для этого нам понадобится любой текстовый редактор, который не вставляет в документ никаких других символов, кроме тех, которые вы будете вводить клавиатуры. Для этих целей как нельзя лучше подходит редактор блокнот, который присутствует в любой версии Windows. Запустите этот редактор и введите текст, приведенный в листинге.
Листинг 1
<HTML>
<HEAD>
<TITLE> Шаблон HTML – документа </TITLE>
</HEAD>
<BODY>
Это моя первая страница!!!!
</BODY>
</HTML>
Как видите, в секции <HEAD> появилась новая тэговая пара <TITLE>. Любой текст, который записан внутри этой пары, будет выводиться, как заголовок окна Web – браузера при открытии этого документа. В секции <BODY> размещен простейший текст, который выводится в рабочем поле браузера. Теперь сохраните HTML – документ (измените расширение на htm). После этого просмотрите документ должно получиться следующее.
Рис. 9.1 Внешний вид браузера
На рис 9.1. показан внешний вид браузера после загрузки в него HTML – документа, текст которого представлен в листинге 1.
Давайте разберем некоторые нюансы. Если вы хотите опубликовать стихи:
Утром на работу еду,
Взял, залез в карман соседу.
Думал – он интеллигент…
Руку вынул – перстня нет!
На первый взгляд, кажется, что достаточно просто вставить эти стихи в тело HTML – документа.
Листинг 2.
<HTML>
<HEAD>
<TITLE> Стихи </TITLE>
</HEAD>
<BODY>
Утром на работу еду,
Взял, залез в карман соседу.
Думал – он интеллигент…
Руку вынул – перстня нет!
</BODY>
</HTML>
Рис.9.2 Результат листинга 2.
На заметку. Язык HTML не поддерживает символов форматирования, традиционных для текстовых редакторов.
В данном случае, поскольку четверостишие было разбито на строки символами перевода строки, которые применяются в системе Windows, браузер их игнорировал и интерпретировал текст, как единую строку. Но что делать, если нам, как в этом случае, необходимо перенести текст на новую строку? Для этого используется специальный тэг<BR>, который не имеет своей пары. Его ставят в то место текста, начиная с которого необходимо сделать перенос.
Листинг 3. Разбивка на строки.
<HTML>
<HEAD>
<TITLE> Стихи </TITLE>
</HEAD>
<BODY>
Утром на работу еду, <BR>
Взял залез в карман соседу. <BR>
Думал – он интеллигент…<BR>
Руку вынул – перстня нет<BR>!
</BODY>
</HTML>
Здесь каждая строка стихотворения оканчивается тэгом <BR>.
Рис. 9.3 Результат листинга 3
Форматирование текста в HTML достигается за счет использования специальных тэгов (рис.9.3).
Следует сделать еще одно замечание HTML, помимо того, что игнорирует специальные символы форматирования, опускает и несколько подряд идущих пробелов, то есть если Вы хотите разрядить текст и вставите между словами несколько подряд идущих пробелов, например,