Представление информации в сети Интернет

Вся информация в сети Интернет хранится в виде страниц с гипертекстовыми связями – ссылками на другие страницы. Такие страницы еще называют Интернет-страницами, web-страницами, HTML-страницами или HTML-документами.

Web-страничка – это обычный текстовый файл в соответствующей кодировке, с расширением *.htm, *.html, *.dhtml, *.shtml и т. д. В нем описывается вся страничка с помощью специального языка – HTML (hypertext mark-up language – гипертекстовый язык разметки документов).

В основе HTML лежат теги. Теги – это управляющие элементы, которые определяют параметры отображения той или иной части HTML-документа: размер, цвет и начертание символов, размеры рисунка, выравнивание абзацев, расположение объектов на странице и т. д.

Для просмотра готовых web-страниц используются специальные программы – браузеры (навигаторы, обозреватели). Когда вы в своем браузере загружаете web-страничку, браузер выполняет команды, записанные на языке HTML, и, подчиняясь им, выводит на экран страничку. Различные браузеры могут поддерживать или нет различное форматирование, поэтому внешний вид web-странички зависит от браузера, в котором она просматривается.

Часто, говорят web-сайт и web-странички, чем же они отличаются? Web-страничка (иногда еще говорят, HTML-страничка) – это текстовый файл, написанный на языке HTML в определенной кодировке и с определенным расширением. Когда говорят о web-страничке, подразумевают один, два или три таких файла, которые могут быть связаны друг с другом или нет, иметь ссылки на другие ресурсы Интернета или нет.

А web-сайт содержит много (больше трех) файлов в формате HTML, обязательно связанных между собой гиперссылками. Как правило, все эти файлы оформлены в едином стиле, имеют одно и то же расширение и посвящены одной или нескольким связанным между собой темам.

Создавать web-странички можно как вручную – путем написания кода на HTML (в любом текстовом редакторе, например, «Блокноте»), так и с помощью специальных визуальных редакторов («Microsoft FrontPage», «Macromedia Dreamweaver»).

Каждый способ имеет ряд плюсов и минусов.

Визуальные редакторы позволяют создавать web-странички без особых знаний HTML. Кроме того, при создании странички более сложной структуры, гораздо удобнее «видеть» ее.

Недостатком работы с программами-редакторами является тот факт, что они создают не такой оптимальный HTML-код, как опытный web-мастер, да и встраивать многие элементы возможно, только непосредственно редактируя код странички.

Создавая странички вручную, вы получаете страничку с меньшим количеством кода. Следовательно, ваша страничка будет быстрее загружаться из Интернета (а это довольно важно для профессиональных и любительских сайтов). Кроме того, создавая страничку через HTML-код, вы сможете использовать многие дополнительные возможности, которые невозможно реализовать с помощью редакторов, например DHTML.

Как было сказано выше, чтобы создавать страничку вручную, нужны знания основ HTML.

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

HTML-документ (или web-страничка) создается в любом текстовом редакторе и представляет собой простой текстовый документ, в который вставлены флаги разметки – «теги» (markup tags).

Все теги записываются в угловых скобках - < >. Существуют теги парные (имеют открывающийся элемент, заключенный в угловых скобках < >, и закрывающийся, заключенный между < / > ) и непарные.

Любой HTML-документ должен начинаться открывающим тегом < HTML> и заканчиваться закрывающим тегом < /HTML>. Эти теги показывают, что находящиеся между ними строки представляют единый HTML-документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать HTML-формат документа и правильно его интерпретировать.

HTML-документ состоит из двух частей: голова (HEAD) и тело (BODY).

Голова HTML-документа заключается между парными тегами < HEAD> и < /HEAD>. В нем указывается заголовок (название) создаваемой web-странички (при просмотре в окне браузера оно отображается в заголовке окна браузера) и определяется кодировка страницы.

Заголовок странички располагается между парными тегами < TITLE> и < /TITLE>. Например,

< TITLE> Моя страничка < /TITLE>

Кодировка HTML-документа используется для отображения на странице символов кириллицы. Самые распространенные кодировки – это «Windows-1251» (стандарт Windows) и «KOI8-r» (стандарт UNIX и некоторых других систем). Соответственно символы кириллицы могут быть закодированы в одном из этих стандартов. Если кодировку не определить в коде странички, то браузер будет отображать ее в кодировке, установленной по умолчанию.

Для определения кодировки странички браузером между тегами < HEAD> и < /HEAD> нужно вставить одну из следующих строчек:

· < META http-equiv=" Content-Type" content=" text/html; charset=windows-1251" > – для Windows-1251 кодировки. В этой кодировке вы можете писать код странички в редакторе «Блокнот», используя как русский, так и английский язык; эта кодировка наиболее предпочтительна.

· < META http-equiv=" Content-Type" content=" text/html; charset=koi8-r" > – для KOI8-r кодировки. Как правило, эта кодировка используется визуальными HTML-редакторами, открыв документ этой кодировки в редакторе «Блокнот», вы увидите лишь непонятные символы, однако некоторые серверы работают лишь с этой кодировкой. В этом случае вам придется использовать специальные перекодировщики.

Тело HTML-документа находится между парными тегами < BODY> и < /BODY>. Здесь располагается информация, которую мы видим в окне браузера при просмотре странички: текст, кнопки, рисунки, списки и т. д.

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

Для сохранения HTML -документа выполните команду Файл / Сохранить как, введите имя своего документа и обязательно укажите расширение.html. Например, index.html

Изменение HTML-документа происходит путем редактирования HTML-кода. Для открытия кода странички можно воспользоваться одним из следующих способов:

1-й способ. Через меню браузера – Вид / Просмотра HTML-кода;

2-й способ. Через меню текстового редактора – Файл / Открыть.

Если вы что-то изменили в HTML-коде документа то, чтобы посмотреть, как это выглядит в браузере, не забудьте нажать кнопку ОБНОВИТЬ. Если изменений не видно, то это значит, что вы где-то ошиблись при написании кода, или забыли сохранить документ.

Задание 1.1. Создайте HTML-документ main.html с заголовком «Страничка Ивана Иванова» со следующим содержанием: «Здравствуйте, это моя первая страничка! ». Для этого:

· В любом текстовом редакторе ( «Блокнот», Notepad++ ) создайте новый документ.

· Внесите в документ следующий текст:

< HTML>

< HEAD>

< META http-equiv = " Content-Type" content = " text/html; charset = windows-1251" >

< TITLE> Страничка Ивана Иванова< /TITLE>

< /HEAD>

< BODY>

Здравствуйте, это моя первая страничка!

< /BODY>

< /HTML>

· Сохраните этот файл в папку « Лаб_№1 » под именем main.html. Просмотрите страничку в браузере.

⇐ Предыдущая1234567Следующая ⇒

Поделиться: