- заголовок
4.8 Таблицы
5. Редакторы HTML
Данное “Введение в язык HTML” первоначально было написано как электронный учебник. Сделанное на этом же языке, о (стр. 1 из 4)
Тамбовский региональный центр Федерации
Интернет-Образования
С.Ю.Севастьянов
Введение в язык HTML
Учебно-методическое пособие
Тамбов
2002 г.
Автор: Севастьянов С.Ю.
Введение в язык HTML: Учебно-методическое пособие.Тамбов: Изд-во ТГТУ, 2002. с.
Учебно-методическое пособие «Введение в язык HTML» предназначено для слушателей курсов повышения квалификации на базе Тамбовского РЦ ФИО по программе «Интернет-технологии для учителя предметника», «Интернет-технологии для администратора образовательного учреждения».
ã Тамбовский региональный центр Федерации Интернет-Образования
Содержание
Введение
1. Язык HTML и его реализация
1.1. Что такое HTML
1.2. Программы просмотра HTML-страниц
2. Основы языка
2.1. Структура HTML-страницы
2.2. Простейшие элементы языка
2.3. Ссылки
2.4. Подробный пример
3. О возможных ошибках
4. Важнейшие конструкции языка
4.1 <BODY> - тело документа
4.2 <B>, <I>, <BIG> и <FONT> - упpавление шpифтами
4.3 <HR> - гоpизонтальная чеpта
4.4 <PRE> - пpедваpительно фоpматиpованный текст
4.5 <SUB> и <SUP> - индексы
4.6 <U> - подчеpкивание
4.7 <TITLE> - заголовок
4.8 Таблицы
5. Редакторы HTML
Данное “Введение в язык HTML” первоначально было написано как электронный учебник. Сделанное на этом же языке, оно было разбито на отдельные страницы и имело многочисленные ссылки между ними.
Данный “бумажный” вариант соответствует электронной версии 2.2.
К сожалению, полное соответствие обеспечить не удалось – возможности интерактивной работы намного богаче, чем простое чтение. Тем не менее, основная часть содержимого сохранена в неизменном виде.
Отзывы и пожелания можно направлять автору по электронной почте seva@tambov.ru или по телефону (0752) 72 07 35.
Введение
Работа в Internet у многих ассоциируется с WWW-серверами, суть которых в предельно краткой форме можно описать следующим образом.
На экране отображена некоторая информация - текст, картинки, иногда - с элементами мультипликации. Может присутствовать и звуковое сопровождение. Отдельные места экрана выделены, например, голубым цветом и подчеркиванием. Если в такие выделенные места подвести курсор (он при этом меняет форму, превращаясь, скажем, в указующий перст) и нажать кнопку мыши, на экране появится новая информация. Она обычно также содержит выделения, ссылающиеся на новые порции информации, и т.д. В результате простым нажатием кнопки мыши удается путешествовать по всему миру.
Для тех, кто в Internet не работал, не собирается, а если и работает, то не имеет ни малейшего намерения делать собственный сервер (и даже не знает, что это такое), рассмотрим пример, не имеющий отношения к сетям.
Нужно подготовить доклад, иллюстрируемый текстами, графиками, рисунками и т.п. на экране компьютера. Программировать Вы не умеете или не имеете времени на это. Ну что же, выходом является язык HTML.
Пусть, например, иллюстративный материал доклада имеет такой вид:
Страница 1 - начало. При последовательном изложении с нее надо перейти на страницу 2, далее - на страницу 3, и, наконец, на страницу 4. Однако может потребоваться с первой страницы сразу попасть на третью или четвертую. И хорошо, если бы было возможно возвращаться обратно на предыдущую страницу, перепрыгивать со второй страницы сразу на четвертую и т.д.
Язык HTML дает все эти возможности. И огромное количество других.
Ну а если доклад делать не надо? Нужна презентация материала, электронный учебник, книга, справочник... Да мало ли что еще можно сделать на HTML с минимальными затратами труда и времени.
Язык HTML дает огромные преимущества перед многими другими способами представления информации с помощью компьютера.
1. Язык HTML и его реализация
1.1. Что такое HTML
Термин HTML (HiperText Markup Language) переводится на русский как "Язык манипулирования гипертекстами".
Ключевым здесь является слово "гипертекст". Под ним подразумевается, в отличие от простого текста, возможность создания полноценных документов, содержащих разнообразные шрифты, графику, звук, что достигается путем включения в текст специальных указаний (их иногда называют "тэгами"). Структура тэгов четко оговорена в описании языка.
Выдача гипертекстового документа (или, как часто говорят, "страницы") на экран или бумагу производится в соответствии с этими указаниями. Однако в подавляющем большинстве случаев автор документа не оговаривает многие детали, считая, что они некритичны. Тогда программа, осуществляющая выдачу документа, использует запомненные ею - при создании или в процессе настройки пользователем - значения. Таким образом, одна и та же HTML-страница может отображаться по разному на разных машинах, и даже на одной машине в разные моменты времени.
Приведем примеры.
Обычно в HTML-странице не оговаривается шрифт текстовой части документа - не указано ни название шрифта, ни его размер. Ясно, что выдача на машине с установленным по умолчанию значением размера шрифта в 10 пунктов будет выглядеть совершенно не так, как на машине со шрифтом в 18 пунктов.
Даже при одинаковых шрифтах в окнах разного размера страница будет отличаться - станет длиннее в узком окне (попробуйте сейчас и посмотрите).
Конечно, можно указать полностью все параметры страницы. Но, во-первых, зачем? Сильно ли изменится впечатление от страницы на экране монитора, если шрифт будет выглядеть немного не так? Или Вы указали очень мелкий шрифт, а у того, кто смотрит вашу страницу, похуже монитор (или зрение...)
Во-вторых, нет гарантии, что все ваши указания будут выполнены буквально. Скажем, уверены ли Вы, что используемый Вами экзотический шрифт установлен на всех машинах, где будут читать документ? Или что все экраны позволят иметь заданную Вами ширину страницы?
Так что оставим побольше свободы читающему - ведь HTML-страницы в основном предназначены не для бумаги, а для экрана.
Второй важнейшей особенностью языка HTML является возможность включения в документ ссылок на другие документы. Внешне ссылка выглядит как выделенное (например, цветом или подчеркиванием) место текста или рисунка. Поставив указатель мыши на это место и нажав кнопку, мы получим на экране новый документ - тот, который был указан в ссылке. Таким образом появляется возможность переходить с одного документа на другой, возможно, даже расположенный на другой машине (разумеется, если ваша машина подключена к сети).
1.2. Программы просмотра HTML-страниц
Возможно, этот раздел Вам неинтересен или непонятен - тогда прочитайте первый абзац и смело переходите дальше.
Чтобы выдать на экран или напечатать HTML-страницу, нужна специальная программа - броузер. Поскольку язык HTML весьма распространен, написано довольно много таких программ, чем-то (иногда сильно) отличающихся между собой. Большинство из них ориентированы на работу в оконной графической среде.
Я умышленно написал это по-русски, а не употребил общепринятый английский термин Windows, т.к. в России, к сожалению, он у большинства работающих с компьютерами ассоциируется с цифрами 95/98/2000... Windows'ов существует довольно много, и 95/98 не относится к лучшим из них. Есть X-Windows, OpenWin, MacOS, есть в конце концов Windows 3.1 той же фирмы Microsoft, несравнимо с Windows-95 лучший по надежности.
Рассмотрим кратко самые ходовые броузеры.
Netscape Navigator фирмы Netscape. Самый распространеный до недавнего времени в мире броузер. Тот, кто попробовал с ним поработать, вряд ли откажется от него в пользу других. Может работать практически в любой среде - Windows 3.1 начиная с оригинала, Windows95/98, Windows NT, OpenWin, X-Windows, Macintosh. Для отечественного пользователя имеет очень важное свойство - распространяется бесплатно (совершенно официально, с разрешения фирмы!).
Internet Explorer фирмы Microsoft. В последние годы ощутимо потеснил позиции Navigator'а, главным образом благодаря агрессивной рекламе фирмы. Поскольку делает его Microsoft, то и работает он только в среде MS Windows - 95/98, 3.1, NT. Бесплатный - как сыр в мышеловке - при условии, что Вы уже оплатили Windows. Достоинство (а скорее, причина широкого распространения) - входит в базовый комплект поставки MS Windows.
NCSA Mosaic фирмы NCSA. Самый первый из броузеров, и самый компактный (я запускал его на 286-й машине с 1 мегабайтом памяти). Долгое время был абсолютно бесплатным, позднее появилсь коммерческие версии. К сожалению, больше не развивается и, как следствие, не поддерживает некоторые из самых свежих достижений языка HTML, поэтому в последне время используется мало.
Lynx. Полностью бесплатный продукт, без поддержки графики и звука. В текстовом режиме экрана, без всяких окон, позволяет смотреть гипертекст и, главное, ссылки в нем. Работает под Unix, есть версия под DOS. Распространяется в виде исходного текста. Применимость ограничена случаем, когда нужно "побегать" по ссылкам, а ресурсы ограничены (например, на терминале нет графики).
Каждый броузер имеет отличия от других, приводящие в некоторых случаях к отличиям в отображении HTML-документов. Небольшая разница в изображении в общем-то непринципиальна, но, к сожалению, иногда разработчики вносят собственные дополнения в язык HTML, в результате чего документы, сделанные под конкретный броузер, невозможно увидеть в других. Особенно грешит этим фирма Microsoft, поэтому, даже используя их Explorer, лучше не пользоваться расширениями языка. Кстати, их расширения, сделанные для языка Java, также поддерживаемого Explorer'ом, привели к тому, что распространение вирусов по сети существенно упростилось - для машин, на которых работает Explorer.