Введение. Web – документы (Web – страницы) являются основой для хранения информации в Web –серверах

Web – документы (Web – страницы) являются основой для хранения информации в Web –серверах. Они создаются с помощью специального языка HTML (HyperText Markup Language) – языка разметки гипертекста. Гипертекст представляет собой обычный текстовый файл, в котором вместе с обычной текстовой информацией присутствуют специальные маркеры – теги (tag). Гипертекстовые документы обычно имеют расширение имени .htm или .html. Теги обычно применяются парами: стартовый и конечный. Теги выделяют некоторую часть текста как элемент текста с определенными свойствами (например, шрифтом, цветом и др.) В тексте Web–страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой. Можно использовать как прописные, так и строчные буквы.

Для задания свойств элементов гипертекста применяют атрибуты (attribute). Это по сути переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартных или произвольных. Атрибуты располагаются внутри стартового тега и отделяются друг от друга пробелами.

Одним из важнейших элементов гипертекста являются гиперссылки. Гиперссылка – это фрагмент текста или графический элемент страницы, которые являются указателем на другой файл или объект. Она позволяет щелчком мыши перейти на другой документ.

Для расширения возможностей представления информации на Web –странице в ее состав включают специальные программы – скрипты (script). Для этих же целей могут также применять программы апплеты (applet), которые передаются на компьютер клиента по сети вместе с Web – страницей. Для апплетов используют язык программирования Java.

Набор страниц, принадлежащий одному владельцу, называют сайтом (site).

Для просмотра Web – страниц на компьютере клиента используется специальная программа – браузер. Наиболее популярные браузеры это Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera. Все браузеры интерпретируют служеб­ную информацию одинаково, и страница имеет один и тот же вид при ее просмотре любым современным браузером. Однако это верно не на все 100%. Элементы, не входящие в официальную спецификацию языка (расширения – extension), могут не обрабатываться некоторыми браузерами или интерпретироваться иначе.

2.1.2. Структура HTML – документа

Все Web – документы создаются по некоторым общим правилам и поэтому имеют схожую структуру. Ниже приведен документ struct.htm.

< COMMENT> Комментарий к документу< /comment>

< HTML>

< HEAD>

< TITLE> Структура Web-страницы< /title>

< STYLE> H2 {font-family: Courier New; } CODE {font-family: Arial; } < /style>

< META

NAME=" Author"

CONTENT=" Иван Иванов" >

< /META

NAME=" Keywords"

CONTENT=" WWW, HTML, document, element" >

< / HEAD >

< BODY bgcolor=#FFFFFF>

< A NAME=" top" > < /a>

Переход в < A HREF=" #bottom" > конец< /a> документа< P>

Переход к < A HREF=" #S001" > < B> ссылке 1< /b> < /a> < P>

< P>

<! --< PRE> Комментарий < /pre> -->

< HR>

< H1> Заголовок 1< /h1>

< H2> Заголовок 2< /h2>

< H3> Заголовок 3< /h3>

< H4> Заголовок 4< /h4>

< H5> Заголовок 5< /h5>

< H6> Заголовок 6< /h6>

< HR>

Здесь расположена < B> ссылка 1< /b> < A NAME=" S001" > < /a>

< HR>

< P> Здесь должен располагаться оригинальный текст Web-страницы

< HR>

< A NAME=" bottom" > < /a> < P>

Переход в < A HREF=" #top" > начало< /a> документа.

< /body>

< /html>

В документе использованы следующие элементы:

§ < COMMENT> < /comment> – текст комментария. Текст, помещенный внутри тегов, игнорируется браузером. Текст комментария не должен содержать теги. Другой вариант комментариев:

<! —Строка комментария -->

<! —Комментарий – Не комментарий – Снова комментарий -->

Комментарий здесь может содержать тэги. Они не будут обрабатываться.

§ < HTML> < /html> – признак HTML – документа. Включает в себя весь текст документа.

§ < HEAD> < /head> – область заголовка. Может включать другие элементы (TITLE, META, LINK и др.)

§ < TITLE> < /title> – элемент заголовка. Строка текста будет отображена в заголовке окна браузера.

§ < STYLE> < /style> – описание стиля. Используется некоторыми элементами Web – страницы. В файле struct.htm переопределены шрифты для элементов H2 и CODE.

< META …. > – элемент для служебной информации. Каждый элемент META содержит два атрибута. Первый определяет тип данных, а второй – содержание. В примере использованы мета-данные

Имя автора Web – страницы:

name=”Author” content=”Имя автора”

Набор ключевых слов для поиска:

name=”Keywords” content=”Слово1, слово2, слово3 …”

§ < BODY> < body> – размещается собственно гипертекст Web – страницы. Именно она отображается браузером. Внутри этого элемента размещаются все теги для создания оформления страницы. Внутри стартового тега могут располагаться атрибуты для установки общего для всей страницы оформления. Некоторые из них:

Задание цвета фона страницы

bgcolor=”#RRGGBB”, где указывают по двухразрядному шестнадцатерично­му числу для каждого из трех основных цветов.

Задание цвета текста

text=”# RRGGBB”, где цвет задается аналогично фону.

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

link=”# RRGGBB”, где цвет задается аналогично фону.

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

vlink=”# RRGGBB”, где цвет задается аналогично фону.

§ < H1> < /h1> – элемент заголовка. Существуют шесть уровней заголовка от Н1 (самый крупный) до Н6 (самый мелкий). Для заголовка можно использовать атрибут выравнивания:

aligh=”left”

aligh=”center”

aligh=”right”

§ < HR> – горизонтальная линия. Элемент не имеет конечного тега. С помощью атрибутов можно задать:

color=”цвет”

size= толщина в пикселях

width= длина в пикселях

width= длина в процентах

aligh=”left”

aligh=”center”

aligh=”right”

aligh=”justify”

§ < A> < /a> – метка для гиперссылки. Шаблон для метки следующий:

< A name=”Метка”> < /a>. Переход на такую метку внутри документа можно выполнить, используя следующую конструкцию:

Переход к < A href=”#Метка”> метке< /a>

В Приложении 1 даны некоторые из элементов языка HTML, которые

можно использовать для оформления Web – страницы.