Interface), asp, jsp (Java Server Pager), ssi (Server Side Includes), vrml (Virtual

Reality Markup Language) и другие

Apache — это открытый веб-сервер, наиболее часто используемый для платформ

Unix, Linux и Solaris

ASP (Active Server Pages) — технология, используемая для написания мощных

клиент-серверных интернет-приложений, позволяющая создание динамических

страниц HTML

Какие программы лучше использовать для создания веб-страниц? Это, несо-

мненно, Adobe GoLive, Microsoft FrontPage, Macromedia Dreamweaver Для ре-

дактирования изображения могут применяться программы Adobe Photoshop,

Macromedia Fireworks, Corel Photo-Paint, Adobe Illustrator, Macromedia Freehand,

CorelDRAW, Adobe LiveMotion, Macromedia Flash Для работы с аудио- и видео-

данными — программы Adobe Premier, Apple Final Cut Pro, Apple Quick Time,

RealProducer, Windows Media

Существует множество простых и сложных программ для написания HTML-

страниц В своей основе все они делятся на две категории: программы, автома-

тизирующие вставку тегов, и обыкновенные стандартные текстовые редакторы

и процессоры, созданные для любых платформ Хотя во многих перечисленных

программах веб-страницы создаются автоматически, следует обязательно учить

язык HTML, чтобы понимать, как строится веб-страница Поэтому в данной

книге мы будем создавать веб-страницы с помощью простейшего текстового ре-

дактора   От издательства   21

Не  следует  использовать  для  создания  веб-страниц  программу  Microsoft 

Word или Microsoft PowerPoint.

В книге подробно рассмотрены процессы обработки изображения для разме-

щения на веб-страницах и общие вопросы веб-дизайна Всё внимательно читая,

а главное, самостоятельно вводя все приводимые в книге коды веб-страниц, мож-

но очень скоро научиться разрабатывать сайты на хорошем уровне

От издательства

Ваши замечания, предложения и вопросы отправляйте по адресу электронной по-

чты comp@piter.com (издательство «Питер», компьютерная редакция)

Мы будем рады узнать ваше мнение!

Подробную информацию о наших книгах вы найдете на веб-сайте издательства

http://www.piter.com Урок 1 Основные сведения

В этом уроке рассматриваются основные понятия HTML и элементы 

веб-страниц. Даны определения HTML, WWW, Интернета, веб-сайта. 

Рассказано, с чего следует начинать при создании HTML-документа. 

Даны определения тегов, гипертекста, гипертекстовых ссылок, при-

ведены основные теги, определяющие структуру HTML-документа...

Урок  Основные понятия   23

Основные понятия

Язык HTML (HyperText Markup Language — язык разметки гипертекста) является

стандартным языком, предназначенным для создания гипертекстовых документов

в среде WWW (World Wide Web — Всемирная паутина) HTML-документы (или

веб-документы) могут просматриваться различными типами веб-браузеров Если

документ создан с использованием HTML, веб-браузер может интерпретировать

HTML для выделения различных элементов документа и первичной их обработки

Основное преимущество HTML заключается в том, что документ может быть про-

смотрен на веб-браузерах различных типов и на различных платформах HTML —

один из наиболее простых языков создания веб-страниц

WWW — это сообщество веб-серверов (сетевых компьютеров), входящих в Ин-

тернет, на которых хранятся текстовые, графические, видео-, аудио- и другие ин-

формационные файлы

WWW — широкомасштабная гипермедиа-среда, ориентированная на предостав-

ление универсального доступа к огромному количеству документов, расположен-

ных на серверах

WWW — распределенная структура данных сетевого мультимедийного гипертекста

По всему миру разбросаны тысячи информационных серверов Любой новый

компьютер, подключенный к Интернету, может сам стать сервером, получать не-

обходимую информацию от других серверов, отправлять письма и получать от-

веты с помощью любой из многочисленных почтовых служб

Поисковые серверы хранят миллионы ссылок на разнообразные документы и про-

изводят поиск нужной информации по запросу пользователя Глобальный поиск

электронных публикаций проводится с использованием технологий WWW По-

мимо известных англоязычных и русскоязычных поисковых систем, расположен-

ных на крупных серверах, собственные серверы имеют информационные агент-

ства, издательства, банки и другие организации

Интернет — это совокупность сетей, применяющих единый протокол обмена (точ-

нее, обширное семейство из сотен протоколов) для передачи информации

Веб-сайт (web site) — совокупность веб-документов, организованных в виде ти-

тульной страницы и нескольких связанных с ней страниц Каждая такая совокуп-

ность, доступная в Интернете, может иметь любые размер и содержание, инфор-

мационную и эмоциональную направленность

Веб-мастер — лицо, ответственное за поддержание и обновление документов на

веб-серверах

Как создаются HTML-документы?

HTML-документы могут быть созданы при помощи любых текстовых редакторов

или специализированных HTML-редакторов и конвертеров

HTML-документ — это обычный файл в формате ASCII В его основе лежат спе-

циальные дескрипторы (теги), которые и определяют правила форматирования

данных 24     Урок 1. Основные сведения

Код программы на языке HTML — обычный текстовый файл, поэтому проще все-

го написать его в Блокноте — стандартном Windows-приложении, которое вызы-

вается командой Пуск  Программы  Стандартные  Блокнот Пример программы, на-

писанной на языке HTML в Блокноте, показан на рис 1 1

Рис 1 1  Пример программы, написанной на языке HTML в Блокноте

Когда программа написана, ее файл следует сохранить не с расширением .txt,

а с расширением .htm (рис 1 2) Имя HTML-файла следует писать строчными ла-

тинскими буквами без пробелов Можно использовать цифры, знаки подчеркива-

ния и тире

Рис 1 2  Диалоговое окно сохранения файла в программе Блокнот  Основные понятия   25

Как только файл будет записан с расширением .htm, его значок сразу примет вид «ин-

тернетовского», что показано на рис 1 3 Второй рисунок соответствует файлу с рас-

ширением .htm в программе Internet Explorer, третий — в программе Mozilla Firefox

Рис 1 3  Примеры значков TXT- и HTML-файлов

Если используется операционная система, отличная от Windows, то можно выбрать ана-

логичный простой текстовый редактор Например, Pico (Linux) или TextEdit (Mac)

HTML — это язык тегов Под тегами понимаются специальные управляющие

коды, записываемые в тексте в угловых скобках Теги, окружающие текстовые

или графические команды, определяют параметры форматирования текста, место-

положение рисунков относительно текста, расположение объектов на странице

Все HTML-теги начинаются с символа левой угловой скобки (<) и заканчивают-

ся символом правой угловой скобки (>) Как правило, существуют открывающий

и закрывающий теги Для примера приведем открывающий и закрывающий теги,

определяющие заголовок документа:

<TITLE> Заголовок документа </TITLE>

Итак, тег — последовательность символов, заключенных между символами < и >

Почти все теги образуют пары, то есть для открывающего тега существует закры-

вающий тег Есть и непарные теги, например <BR>, <AREA>, но их мало

Закрывающий тег выглядит так же, как открывающий, и отличается от него сим-

волом прямого слэша перед текстом внутри угловых скобок В данном приме-

ре тег <TITLE> говорит веб-браузеру об использовании формата заголовка, а тег

</TITLE> — о завершении текста заголовка

Некоторые теги, такие как <P> (тег, определяющий абзац), не требуют завершаю-

щего тега, но его наличие придает исходному тексту документа стройность, делает

его понятнее

Язык HTML нечувствителен к регистру символов, описывающих тег, и приведен-

ный ранее пример мог бы выглядеть следующим образом:

<title> Заголовок документа </title>

Дополнительные пробелы, символы табуляции и конца строки, добавленные

в исходный текст HTML-документа, чтобы сделать его понятнее, игнорируют-

ся веб-браузером при интерпретации документа HTML-документ может вклю-

чать вышеописанные элементы, только если они помещены внутрь тегов <PRE>

и </PRE> (более подробно о теге <PRE> рассказывается в уроке 2) Вся програм-

ма состоит из набора тегов Теги могут иметь параметры, или атрибуты, которые

играют роль дополнения тегов Иногда теги называют дескрипторами Дескрип-

тор (в переводе с лат описатель) — лексическая единица (слово, словосочетание)

информационно-поискового языка, выражающая основное смысловое содержа-26     Урок 1. Основные сведения

ние какого-либо текста Дескриптор используется при информационном поиске

документов в информационно-поисковых системах

В  каком  регистре  писать  код  программы? Большинству  браузеров  безраз-

лично, в каком регистре введены буквы тегов. Записи <HTML>, <html> или 

<HtMl> обычно дают одинаковый результат. 

Браузер

Для просмотра HTML-документов в WWW необходимо специальное программ-

ное обеспечение Такие программы называются браузерами (от англ browse — ли-

стать, просматривать, читать) С их помощью можно загружать и просматривать

веб-страницы, осуществлять навигацию в WWW и т д

Браузер — программа просмотра HTML-файлов, программа-интерпретатор языка

HTML Браузер показывает на экране текст и графику, интерпретируя команды

(теги), указанные в исходном тексте в угловых скобках

Веб-браузер — это прикладная программа, которая отображает содержимое фай-

лов, полученных с локального или удаленного компьютера, в соответствии с ин-

струкциями, включенными в этот файл Браузер представляет собой клиентскую

программу и использует для передачи запросов веб-серверам протокол HTTP

(HyperText Transfer Protocol — протокол передачи гипертекста)

Существует довольно большое количество браузеров, из которых самыми попу-

лярными являются браузеры Microsoft Internet Explorer, Netscape Navigator,

Mozilla Firefox, Opera, Chrome, Safari и NCSA Mosaic Браузер, прочитав HTML-

файл, с помощью тегов интерпретирует содержащиеся в документе данные и со-

ответствующим образом отображает их на экране компьютера Браузеры Netscape

Navigator и Internet Explorer имеют встроенные программы чтения новостей

Структура документа

Когда веб-браузер получает документ, он по тегам определяет, как документ дол-

жен быть интерпретирован

Тег <HTML>  Самый первый тег, который встречается в документе, должен

быть тегом <HTML> Данный тег сообщает веб-браузеру, что документ написан

на языке HTML Минимальный HTML-документ мог бы выглядеть так:

<html> ...тело документа... </html>

Таким образом, теги <HTML> и </HTML> образуют для HTML-документа так на- HTML-документа так на- -документа так на-

зываемый контейнер

Тег <HEAD>  Структурно документ распадается на две части: заголовочную

и основную, или тело документа Заголовочная часть размещается между тега-

ми <HEAD> и </HEAD>, основная — между тегами <BODY> и </BODY>   Гипертекстовые ссылки   27

Тег <TITLE>  Внутри контейнера <HEAD> и </HEAD> размещается единствен-

ный обязательный контейнер из тегов <TITLE> и </TITLE>, содержащий текст

заголовка

Тег заголовочной части документа должен быть указан сразу после тега <HTML>

и более нигде в теле документа Данный тег представляет собой обобщенное

описание документа Следует избегать размещения какого-либо текста внутри

тега <HEAD> Открывающий тег <HEAD> указывается непосредственно перед те-

гом <TITLE> и другими тегами, описывающими документ, а закрывающий тег

</HEAD> — сразу после окончания описания документа

Большинство веб-браузеров отображают содержимое тега <TITLE> в заголовке

окна, содержащего документ, и в файле закладок, если он поддерживается веб-

браузером Заголовок, ограниченный тегами <TITLE> и </TITLE>, размещается

внутри тегов <HEAD> Заголовок документа при отображении самого документа

в окне браузера не виден

Теги тела документа идентифицируют отображаемые в окне компоненты

HTML-документа Тело документа может содержать ссылки на другие доку-

менты, текст и другую форматированную информацию

Тег <BODY>  Тело документа должно находиться между тегами <BODY>

и </BODY> Это та часть документа, которая отображает его текстовую и гра-

фическую информацию

Следует заметить, что открывающие и закрывающие теги <HTML>, <HEAD>

и <BODY> необязательны, но их настоятельно рекомендуется использовать, по-

скольку это позволяет веб-браузеру уверенно отделить друг от друга заголо-

вочную и непосредственно смысловую части документа

Тег <BODY> парный Между открывающим тегом <BODY> и закрывающим тегом

</BODY> размещаются все другие теги программы, составляющие основное со-

держание документа Тег <BODY> предназначается для выделения той части до-

кумента, которая должна быть показана пользователю на экране

Технически стартовые и завершающие тэги типа <HTML>, <HEAD> и <BODY> 

необязательны. Но настоятельно рекомендуется их использовать, поскольку 

использование  данных  тегов  позволяет  веб-браузеру  уверенно  разделить 

заголовочную часть документа и непосредственно смысловую часть.

Гипертекстовые ссылки

Гипертекстовые ссылки являются ключевым компонентом, делающим веб-

страницы привлекательными для пользователей Благодаря гипертекстовым

ссылкам (или просто гиперссылкам) веб-страница структурируется и связы-

вается с другими документами, что обеспечивает быстрое и удобное получение

информации Технология гиперссылок позволяет объединить множество доку-

ментов в один 28     Урок 1. Основные сведения

Гипертекст — информационная структура, обеспечивающая навигацию посред-

ством гипертекстовых ссылок Гипертекстовыми ссылками называются фрагмен-

ты текста или изображения, при активизации которых отображаются связанные

с ними документы

Гипертекстовая ссылка — основной элемент всех гипертекстовых систем, кото-

рые указывают на другой документ или на другую часть того же документа Такая

ссылка задается тегами <A>и </A> Она имеет несколько атрибутов, наличие одно-

го из двух (HREF или NAME) обязательно Первый указывает на ссылку за пределы

данного документа, например:

<a href="http://www.имя_сайта.зона/…/имя_файла/htm"> название ссылки </a>

Второй позволяет перейти к определенным образом отмеченному (с помощью так

называемого якоря, или закладки) месту того же самого документа, например:

<a name="#имя_якоря"> название ссылки </a>

Ссылки имеют стандартный формат, что позволяет браузеру интерпретировать

их и выполнять необходимые функции (вызывать методы) в зависимости от типа

ссылки Ссылки могут указывать на другой документ, специальное место данного

документа или выполнять другие функции, например запрашивать файл по про-

токолу FTP (File Transfer Protocol — протокол передачи файлов) для отображения

его браузером В ссылку включается URL (Uniform Resource Locator — унифици-

рованный указатель ресурса) — адрес особого формата, идентифицирующий дру-

гие локальные или удаленные документы, что часто требуется при организации

больших структурированных веб-сайтов

Ссылки можно использовать для перемещения как по одному документу, так и от

одного документа к другому Однако HTML не поддерживает возврат на предыду-

щую ссылку, если перемещение происходит внутри документа

Изменение программы

Если в коде веб-документа (файле с расширением .htm), который можно просмо-

треть в браузере Internet Explorer, требуется выполнить изменения, то следует от-

крыть этот файл в программе Блокнот, выбрав в браузере Internet Explorer коман-

ду Вид  Просмотр HTML-кода (рис 1 4)

Рис 1 4  Просмотр HTML-кода документа  Теги и атрибуты   29

HTML-файл будет открыт в окне программы Блокнот (см рис 1 1) Выполнив

изменения кода программы, следует воспользоваться командой Файл  Сохранить

(рис 1 5)

Рис 1 5  Сохранение программы

Чтобы увидеть изменения программы в браузере Internet Explorer, необходимо

щелкнуть на кнопке Обновить (она четвертая слева на рис 1 6) или выполнить

команду Вид  Обновить (см рис 1 4)

Рис 1 6  Панель инструментов программы Internet Explorer

При следующих изменениях все перечисленные операции следует повторить

В некоторых браузерах обновления в программе можно отбразить другими спо-

собами

Теги и атрибуты

Те г — код языка HTML, с помощью которого выполняется разметка исходного

текста Тег записывается в угловых скобках Как уже отмечалось, все теги начи-

наются с символа < и заканчиваются символом > После открывающей угловой

скобки следует имя тега (команды) Каждый тег может иметь атрибуты После

перечисления всех атрибутов начальный, или открывающий, тег закрывается

После открывающего тега располагается содержимое тега Код HTML-документа

заканчивается конечным, или закрывающим, тегом (рис 1 7) Закрывающие теги

начинаются с символа косой черты (/)

Рис 1 7  Структура HTML-элемента30     Урок 1. Основные сведения

При написании тегов не учитывается регистр букв, то есть код может быть напи-

сан как строчными, так и прописными буквами, но в основном используют про-

писные, чтобы отличать теги от информационного наполнения документа

Если тег написан с ошибкой, то программа его игнорирует, не сообщая об ошибке

Теги не отображаются сами, а влияют на способ отображения документа

Атрибуты — дополнительные управляющие слова, отделенные от тега и друг от

друга пробелами Можно сказать, что атрибуты — это имена свойств тегов, кото-

рые могут принимать определенные значения Атрибуты имеются только у от-

крывающих тегов, у закрывающих тегов их нет Атрибуты влияют на результат

интерпретации тега браузером

Некоторые атрибуты имеют конкретное значение, которое задается после знака

равенства Раньше значения атрибута требовалось заключать в кавычки, но теперь

во многих случаях эти кавычки можно опускать без каких-либо последствий

Основные правила создания веб-страниц

При создании веб-страницы необходимо придерживаться определенных правил,

которые перечислены ниже

Следите за тем, чтобы веб-страницы не получились слишком широкими, 

и пользователям не приходилось пользоваться прокруткой Обычно если веб-

страница не помещается на экране, большинство браузеров добавляют внизу

экрана горизонтальную полосу прокрутки Типичной шириной экрана счита-

ется ширина в 640 пикселов

Каждая веб-страница должна иметь заголовок 

Не перегружайте страницу графикой 

Попытка визуально выделить все означает не выделить ничего 

Не забывайте житейскую мудрость: «Все гениальное — просто» 

Помните про пословицу: «Выплескивая воду из корыта, не выплесните с водой 

ребенка» Иногда веб-страница сделана так красиво и оригинально, что непо-

нятно, чему она посвящена

Используйте свободное пространство для привлечения внимания Многие созда- 

тели сайтов концентрируют текст в середине экрана, оставляя широкие поля сле-

ва и справа от текста пустыми Подобное пустое пространство заставляет поль-

зователей компьютера сосредоточиться на тексте, который находится в середине

Атрибуты тега <Body>

В противоположность тегу <HEAD> тег <BODY> содержит всю ту информацию, из

которой собственно и состоит рассматриваемый документ Порядок следования

тегов здесь именно такой, в каком они предстают перед читателем   Атрибуты тега <Body>   31

Начальный тег <BODY> может иметь несколько атрибутов, например:

<body bgcolor=#ffffff leftmargin=0 topmargin=4 marginwidth=0 marginheight=4 link=#000099

vlink=#000099 alink=#cc0000>

Атрибут  BACKGROUND задает графическое изображение, которое как кафельная

плитка заполнит фон документа Файл с изображением должен быть сохранен

в формате GIF или JPEG Пример:

<body background=»(url)(путь) имя файла»>

Файл с изображением фона лучше размещать в том же каталоге, что и файл

самого документа, тогда URL-адрес и путь указывать не нужно Пример ис-

пользования этого атрибута в HTML-документе имеется в уроке 4

Атрибут  BGCOLOR задает цвет фона документа при помощи шестнадцатеричных

значений интенсивности цветовой модели RGB (Red, Green, Blue — красный,

зеленый, синий) или строчного литерала, соответствующего названию цвета,

например:

<body bgcolor=»#ff0000»>

<body bgcolor=»red»>

Примеры использования этого атрибута в HTML-документе имеются в уроке 2

Атрибут  TEXT задает используемый по умолчанию цвет текста, не являющегося

гиперссылкой По умолчанию такой текст черный Пример:

<body text=”цвет”>

Пример использования этого атрибута в HTML-документе имеется в уроке 4

Атрибут  LINK задает цвет гиперссылки; в большинстве браузеров он по умолча-

нию темно-синий Пример:

<body link=”цвет”>

Пример использования этого атрибута в HTML-документе имеется в уроке 15

Атрибут  ALINK задает цвет активной гиперссылки, который меняется в момент

щелчка на ней мышью и который желательно делать отличным от цвета фона

(задаваемого атрибутом LINK) Пример:

<body alink=”цвет»>

Пример использования этого атрибута в HTML-документе имеется в уроке 15

Атрибут  VLINK задает цвет посещенной гиперссылки, который желательно де-

лать отличным от цвета фона (задаваемого атрибутом LINK) и от цвета актив-

ной гиперссылки (задаваемого атрибутом ALINK) Пример:

<body vlink=”цвет”>

Пример использования этого атрибута в HTML-документе имеется в уроке 15

Атрибут  BGPROPERTIES задает свойства фонового изображения В данный мо-

мент браузерами поддерживается единственное его значение fixed, запрещаю-

щее прокрутку изображения Пример:

<body bgproperties=”fixed”>32     Урок 1. Основные сведения

Атриб  ут TOPMARGIN задает верхнюю границу страницы в пикселах Пример:

<body topmargin=число>

Атрибут  BOTTOMMARGIN задает нижнюю границу страницы в пикселах Пример:

<body bottommargin=число>

Атрибут  LEFTMARGIN задает левую границу страницы в пикселах Пример:

<body leftmargin=число>

Атрибут  RIGHTMARGIN задает правую границу страницы в пикселах Пример:

<body rightmargin=число>

Примеры использования в HTML-документе атрибутов, регулирующих поло- HTML-документе атрибутов, регулирующих поло- -документе атрибутов, регулирующих поло-

жение границ страницы, имеются в уроке 4

На рис 1 8 показана веб-страница (листинг 1 1), для которой верхняя, левая, пра-

вая и нижняя границы не заданы, то есть равны 0 Видно, что текст как бы при-

липает к левому краю страницы, отступов сверху и снизу не наблюдается Правый

край текста имеет отступ от правой границы только из-за того, что в нем после

каждой строки указан тег перехода на новую строку (тег <BR>)

Листинг 1 1  Пример создания веб-страницы, для которой не заданы границы

<html><head><title>МОЯ ПЕРВАЯ ПРОГРАММА</title></head>

<body bgcolor =ffff05

topmargin=0

bottommargin=0

leftmargin=0

rightmargin=0>

<h2> А. С. Пушкин </h2>

<h2> Зимняя дорога</h2>Сквозь волнистые туманы <br>Пробирается луна,<br>На печальные

поляны<br>Льет печально свет она<br><br>По дороге зимней, скучной<br>Тройка

борзая бежит,<br>Колокольчик однозвучный<br>Утомительно гремит.<br><br>Что-то

слышится родное <br>В долгих песнях ямщика:<br>То разгулье удалое<br>То сердечная

тоска...<br><br>Ни огня, ни черной хаты, <br>Глушь и снег... Навстречу мне,

<br>Только версты полосаты<br>Попадаются одне...<br><br>Скучно, грустно...Завтра,

Нина, <br>Завтра к милой возвратясь,<br>Я забудусь у камина, <br>Загляжусь не

наглядясь.<br><br>Звучно стрелка часовая<br>Медный круг свой совершит,<br>И, докучных

удаляя,<br>Полночь нас не разлучит<br><br>Грустно, Нина: путь мой скучен, <br>Дремля

смолкнул мой ямщик,<br>Колокольчик однозвучный,<br>Отуманен лунный лик.<br><i>1826</

i></body></html>

На рис 1 9 показана веб-страница, для которой верхняя, левая, правая и нижняя

границы заданы и равны 150 пикселов (листинг 1 2) Видно, что текст имеет от-

ступы от левого и правого краев, а также сверху (и снизу, в чем можно убедиться,

выполнив прокрутку) Так как текст полностью в окно не помещается, автомати-

чески справа появляется вертикальная полоса прокрутки   Атрибуты тега <Body>   33

Рис 1 8  Веб-страница, для которой не заданы границы

Рис 1 9  Веб-страница с отступами от границ

Листинг 1 2  Пример создания веб-страницы, для которой заданы границы

<html><head><title>МОЯ ПЕРВАЯ ПРОГРАММА</title></head>

<body bottommargin=150 bgcolor=#FFD000 leftmargin=150 topmargin=150 rightmargin=150>

<H2>А. С. Пушкин </h2>

<h2>Зимнее утро </h2>Мороз и солнце; день чудесный; <br>Еще ты дремлешь,

друг прелестный,<br>Пора, красавица, проснись:<br>Открой сомкнуты негой

взоры<br>Навстречу северной Авроры,<br>Звездою Севера явись!<br><br>Вечор, ты

помнишь, вьюга злилась,<br>На мутном небе мгла носилась;<br>Луна, как бледное пятно, 34     Урок 1. Основные сведения

<br>Сквозь тучи мрачные желтела,<br>А ты печальная сидела-<br>А нынче погляди в

окно:<br><br>Под голубыми небесами<br>Великолепными коврами, <br>Блестя на солнце,

снег лежит;<br>Прозрачный лес один чернеет,<br>И ель сквозь иней зеленеет, <br>И

речка подо льдом блестит.<br><br>Вся комната янтарным блеском <br>Озарена. Веселым

треском<br>Трещит затопленная печь<br>Приятно думать у лежанки.<br>Но знаешь: не велеть

ли в санки<br>Кобылку бурую запречь?<br><br>Скользя по утреннему снегу, <br>Друг милый,

предадимся бегу<br>Нетерпеливого коня<br>И навестим поля пустые, <br>Леса, недавно

столь густые,<br>И берег, милый для меня<br><i>1829</i> </body></html>

Подведем итоги

В этом уроке рассматриваются базовые понятия, относящиеся к созданию веб-

страниц Показаны структура HTML-документа и некоторые основные теги Пе- HTML-документа и некоторые основные теги Пе- -документа и некоторые основные теги Пе-

речислены правила создания веб-страниц В заключение урока представлено не-

сколько примеров веб-страниц Урок 2 Текст

В  этом уроке рассматриваются основные  теги, предназначенные 

для  работы  с  текстом.  Эти  теги  позволяют форматировать  текст, 

красиво  располагать  его  на  странице,  а  также  выводить  в  виде 

всплывающих подсказок.

Урок36     Урок 2. Текст

Первая веб-страница

Можно открыть Блокнот и в теле документа записать текст, не задумываясь о его

размерах и цвете На рис 2 1 показана такая программа при просмотре в браузере

(листинг 2 1)

Рис 2 1  Веб-страница с текстом

Листинг 2 1  Пример создания веб-страницы с текстом

<HTML>

<HEAD>

<TITLE> Моя первая Веб-страничка</TITLE>

</HEAD>

<BODY>