Введение. Основные способы создания Web-страниц. Основные понятия языка HTML.

HTML - Hyper Text Markup Language. Web-страница (документ HTML) представляет собой текстовый файл на языке HTML формата *.htm или *.html, размещенный в World Wide Web (WWW). WWW - Всемирная Паутина, распределенная система доступа к гипертекстовым документам, существующая в Интернете. Web-страница кроме текста может содержать гипертекстовые ссылки, при помощи которых можно переходить к другим Web-страницам и просматривать их. Web-страница может содержать вставки в виде графики, анимации, видеоклиппов и музыки.

Для просмотра Web-страниц можно использовать, например, MicroSoft Internet Explorer или NetScape Navigator, или Opera (просмотрщик или броузер).

Язык HTML позволяет:

1) Создавать и редактировать Web-страницы, в том числе свою домашнюю Web-страницу, которую можно затем разместить в Интернете;

2) Редактировать документы HTML, полученные из Интернета, так чтобы функционировали все внедренные в документ объекты (картинки, анимации и т.д.);

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

Существуют три основных способа создания Web-страниц (или документов HTML):

1) Использование текстового редактора Блокнот (NotePad), встроенного в Windows, и просмотр результатов с помощью броузера. Этот самый простой способ рекомендуется начинающим.

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

В редакторе Блокнот создается файл Web-страницы, который сохраняется с расширением *.htm. Затем этот файл загружается и просматривается программой Internet Explorer. Для вызова редактора Блокнот с целью редактирования файла Web-страницы во время ее просмотра в Internet Explorer, используется пункт меню Вид, Источник или В виде HTML. После сохранения файла и выхода из Блокнота для просмотра отредактированной страницы надо нажать клавишу F5 или кнопку "Обновить" в панели инструментов Internet Explorer.

2) Использование специальных редакторов документов HTML, например Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad и др.

3) Использование редактора Word-97, где создается текст документа, который затем конвертируется в HTML-формат.

Рассмотрим основные понятия языка HTML.

1. Элемент - это конструкция языка HTML, или контейнер, содержащий данные. Web-страница представляет собой набор элементов.

2. Тег - это стартовый и конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, например: <HTML>. Конечный тег всегда снабжается косой чертой: </HTML>.

3. Гиперссылка - фрагмент текста, который является указателем на другой файл или объект. Гиперссылки позволяют переходить от одного документа к другому.

4. Фрейм - область гипертекстового документа со своими полосами прокрутки.

5. Апплет - программа, передаваемая на компьютер клиента в виде отдельного файла и запускаемая при просмотре Web-страницы.

6. Скрипт - программа, включенная в состав Web-страницы для расширения ее возможностей.

7. Загрузка (DownLoad) - копирование документа с Web-сервера на компьютер клиента.

UpLoad - копирование документа c компьютера клиента на Web-сервер - используется при создании собственной Web-страницы (т.е. при ее опубликовании).

Другие записи

10.06.2016. Рассмотрим общую структуру типичного простейшего документа HTML:
Комментарий Название документа Здесь расположен текст самого документа HTML.   Дадим пояснения…
10.06.2016. Теги форматирования текстового потока:

- идентификатор конца абзаца.
- идентификатор перевода строки.


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

10.06.2016. Теги форматирования абзацев. Теги списков.
Рассмотрим теги форматирования абзацев:

- выравнивание текста в абзаце по левому краю.

- выравнивание текста в абзаце по правому краю.

- выравнивание…

10.06.2016. Некоторые важнейшие теги HTML
- задает цвет текста (text), цвет фона (bgcolor) и цвет гипертекстовой ссылки (link). Задают еще alink="" и vlink="" -цвета активной и посещенной ссылки.
10.06.2016. Список цветов символов HTML
(16 основных цветов) aqua - бирюзовый; black - черный; blue - синий; gray - серый; green - зеленый; lime - ярко-зеленый; maroon - темно-красный; white - белый; navy - темно-синий; olive - оливковый;…