Реферат: Руководство по программированию на HTML

HTML1. Web-страницы. Основные понятия

Web-страница является элементарной частью Всемирной Паутины(World Wide Web, www). WWW, в свою очередь, — одна из возможностей компьютернойсети Internet, связывающей компьютеры по всему миру.

Вся информация www хранится в виде отдельных документов. Воснове каждого такого документа лежит текст, который может быть оформленразличными шрифтами, стилями и т. п. В тексте могут быть помещены иллюстрации,таблицы, видео-клипы, также возможно добавление фоновой звуковой дорожки.Основное свойство документов во Всемирной Паутине — наличие ссылок на другиедокументы, находящиеся в Сети. Такие ссылки называются гиперссылками (hyperlink), они позволяют при просмотре быстропереходить от одного документа к другому, и тем самым связывают все документы вединое целое. Документы, о которых идёт речь, называются web-страницами. Содержимое web-страниц часто называют гипертекстом.

Набор страниц, объединённых общей тематикой, называется сайтом (web site). Обычно весь сайтцеликом хранится на одном компьютере сети, называемом web-сервером. Довольночасто серверы содержат несколько сайтов.

У каждого объекта, к которому можно получить доступ черезInternet (в частности, у сайтов и отдельных web-страниц) имеется свой адрес всети, который называется иначе унифицированным адресом ресурса (Uniform Resource Locator, URL).

Рассмотрим пример адреса для web-сайта:www.uni-vologda.ac.ru (сайт ВГПУ). Первая часть адреса (“http://”) —название протокола, по которому нужно производить передачу данных по Сети. Протокол — набор правил, которыеопределяют, в каком виде данные должны передаваться по сети. Для разных видовданных используются разные протоколы. В случае web-страниц применяется протоколпередачи гипертекста (HyperText Tranfer Protocol, HTTP). Для передачипроизвольных файлов по Сети используется протокол передачи файлов (FileTransfer Protocol, FTP). Существуют и другие протоколы (Gopher, Telnet и т.д.).

За именем протокола в адресе следует собственно адрес,который лучше читать справа налево. Часть “ru” означает, что сайт находится вРоссии, она называется доменом(группа сайтов) первого уровня. Домен 1-ого уровня может быть географическим(ru — Россия, us — США, uk — Великобритания, ger — Германия, ua — Украина и т.п.) или тематическими (com — коммерческий сайт, edu — образование, gov —правительство, net — сетевые службы, mil — военное дело и оборона и т. п.).Внутри домена первого уровня находится домен второго уровня, в нашем случае —“ac” это значит, что сайт имеет отношение к образованию и науке. В принципевозможны домены третьего и более высоких уровней. Слева в адресе содержитсяназвание самого сайта (“uni-vologda”). Иногда, для того чтобы подчеркнуть то,что адрес относится к Всемирной Паутине, добавляют часть “www”.

Для просмотра web-страниц используются специальныепрограммы, называемые браузерами(web browser). Они позволяют загружать из Сети для просмотра страницы сзаданным адресом и переходить от документа к другому по гиперссылкам. Наиболееизвестными являются браузеры Netscape Navigator фирмы Netscape и InternetExplorer фирмы Microsoft.

2. Понятие языка HTML

Наша цель состоит в том, чтобы научиться создаватьсобственные страницы для WWW. Для этого придётся познакомиться с правилами, всоответствии с которыми страницы хранятся на диске компьютера. Любая страницапредставлена в виде отдельного текстового файла, который можно создать любымтекстовым редактором. Так как страница может содержать не только текст, но имножество других элементов (шрифтовое оформление текста, иллюстрации и т. п.),то в текст встраиваются специальные управляющие конструкции, называемые тегами.Весь набор правил, по которым нужно создавать файл с web-страницей и записыватьотдельные теги, называется языком разметки гипертекста (HyperText Markup Language,HTML). Браузеры при открытии файла в формате HTML способны расшифровать теги ипоказать страницу в своём окне так, как она была задумана создателем. Воперационной системе  Windows файлы webстраниц должны иметь расширения “htm” или “html”. При обучении правилам HTML нет необходимостипомещать наши страницы на действующий сайт в Internet, достаточно хранить их в виде файлов на конкретнойрабочей станции или на сервере локальной сети.

3. Структура файла в формате HTML

В первую очередь нам потребуется создать файл с расширением“htm” или “html” и открыть его дляредактирования в текстовом редакторе (работая под Windows, можно использовать стандартнуюпрограмму “Блокнот”).

Текст для HTML-документанабирается в том виде, в котором его должен показать браузер, а при выделенияфрагментов, которые предназначены для разметки документа (тегов), используютсяугловые скобки (знаки “больше” и “меньше”), например: <span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BODY<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

Любой документ HTML начинается с открывающеготега <span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">HTML<span Courier New"; mso-bidi-font-family:«Times New Roman»">> и заканчиваетсясоответствующим ему закрывающим тегом<span Courier New";mso-bidi-font-family:«Times New Roman»"></<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">html<span Courier New"; mso-bidi-font-family:«Times New Roman»">>. Закрывающий тег  отличается от закрывающего наличием косойчерты перед названием тега. В языке HTML нет различий между большими и малыми буквами при записитегов, однако принято записывать открывающий тег большими буквами, а закрывающий— малыми. Часть документа, которая находится в пределах от открывающего досоответствующего ему закрывающего тега, называется контейнером (to contain— содержать что-либо). Теги, у которых есть закрывающий и открывающий вариантызаписи называются парными, а те,которые используются только в одном виде (например, тег <BR>), называются непарными. Весь файл web-страницы — это по сути дела один большой контейнер <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">HTML (так как начинается с <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">HTML<span Courier New"; mso-bidi-font-family:«Times New Roman»">> и заканчивается <span Courier New";mso-bidi-font-family:«Times New Roman»"></<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">html<span Courier New"; mso-bidi-font-family:«Times New Roman»">>).

Внутри контейнера HTML последовательно записываются два контейнера:

1.<span Times New Roman""> 

HEAD>... </head> (заголовокдокумента). Внутри этого контейнера записываются параметры, общие для всейстраницы. Для примера можно поместить сюда контейнер <TITLE>, позволяющий поместить текстдля отображения в заголовке окна браузера.

2.<span Times New Roman""> 

BODY>... </body> (тело документа).Этот контейнер содержит всё то, что должен показать браузер внутри своего окнапри открытии документа. Если документ содержит только текст, то этот текстнужно записывать именно здесь, если есть другие элементы (графика, таблицы,ссылки и т. д.), то они вставляются в текст с помощью тегов, которые будутрассмотрены позже.

Рассмотрим простейший пример текста, который может бытьиспользован в качестве HTML-документа:

<span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">

<span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">

<span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US"><span Courier New";mso-bidi-font-family:«Times New Roman»">Самая

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US"> <span Courier New"; mso-bidi-font-family:«Times New Roman»">простая<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US"> web-<span Courier New"; mso-bidi-font-family:«Times New Roman»">страница<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">

<span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">

<span Courier New"; mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BODY<span Courier New"; mso-bidi-font-family:«Times New Roman»">>

<span Courier New"; mso-bidi-font-family:«Times New Roman»">То, что вы сейчас читаете в окнебраузера, записано в контейнере

<span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">BODY<span Courier New";mso-bidi-font-family:«Times New Roman»">внутри <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">HTML<span Courier New";mso-bidi-font-family:«Times New Roman»">-файла.

<span Courier New"; mso-bidi-font-family:«Times New Roman»"></

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">body<span Courier New"; mso-bidi-font-family:«Times New Roman»">>

<span Courier New"; mso-bidi-font-family:«Times New Roman»"></

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">html<span Courier New"; mso-bidi-font-family:«Times New Roman»">>4. Способы оформления текста в HTML

В первую очередь, отметим несколько особенностей поведениябольшинства браузеров при отображении текста, набранного внутри контейнера <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BODY

.

1.<span Times New Roman"">    

2.<span Times New Roman"">    

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

3.<span Times New Roman"">    

<span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BR<span Courier New"; mso-bidi-font-family:«Times New Roman»">>. Он разрывает текущуюстроку, а текст, следующий за этим местом в HTML-файле, продолжает с новой строки.

4.<span Times New Roman"">    

<span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">P<span Courier New"; mso-bidi-font-family:«Times New Roman»">> (от слова paragraph — абзац). Отличие его от <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BR<span Courier New"; mso-bidi-font-family:«Times New Roman»">> состоит в том, что тегабзаца кроме разрыва строки вставляет новую пустую строку. Обычно ониспользуется как непарный, хотя не запрещено ставить в конце абзаца закрывающийтег <span Courier New";mso-bidi-font-family:«Times New Roman»"></<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">p<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

5.<span Times New Roman"">    

HTML-файле, тосоответствующую часть текста можно поместить в контейнер<span Courier New";mso-bidi-font-family:«Times New Roman»"> <<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">PRE<span Courier New"; mso-bidi-font-family:«Times New Roman»">>... </<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">pre<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.4.1. Логические стили для оформления текста

При отображении текста часто бывает необходимо некоторыефрагменты выделить особым образом. В тексте часто встречаются заголовки разнойстепени важности, адреса электронной почты и узлов web, верхние и нижние индексы, цитаты ит. п. Чтобы выделять эти фрагменты, их нужно помещать в определённыеконтейнеры, каждый из которых предназначен для одной определённой цели, или,другими словами, определяет логическийстиль. Один и тот же логический стиль может отображаться на разныхбраузерах по-разному. Ниже перечислены некоторые стили.

1. <span Times New Roman""> 

<span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">H<span Courier New"; mso-bidi-font-family:«Times New Roman»">1>... </<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">h<span Courier New"; mso-bidi-font-family:«Times New Roman»">1>. Сюда помещают те фразы,которые служат заголовками первого уровня, то есть, наиболее важные заголовки(например названия глав в книге). Внешне они чаще всего выглядят как текстувеличенного размера и полужирного начертания. Кроме этого контейнера есть иконтейнеры H2, H3,… H6, позволяющие использовать ещё пятьуровней заголовков.

2. <span Times New Roman""> 

<span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">ADDRESS<span Courier New"; mso-bidi-font-family:«Times New Roman»">>... </<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">address<span Courier New"; mso-bidi-font-family:«Times New Roman»">>. Этот контейнер позволяетособо оформить адрес (почтовый, адрес сайта, электронной почты и т. д.).

3. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">STRONG(усиленное выделение) и <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">EM (отангл. emphasis —акцент). Сюда помещают текст, содержащий важные мысли, термины и т. п. Стиль <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">STRONG обычно отображается браузерами сиспользованием полужирного начертания, а <span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">EM— курсивом.

4. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">CODE (код программы), <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SAMP (sample — пример) и <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">KBD (keyboard — клавиатура).Все они могут отображаться по-разному, но общее у них — использованиемоноширинного шрифта (например, Courier),все буквы в котором имеют одинаковую ширину. Такой шрифт позволяет разнымстрочкам не смещаться относительно друг друга, символы с одинаковым номером встроке всегда находятся на одной вертикальной прямой.

5. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BIG и <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">SMALL.

6. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SUP, а для нижнего индекса — <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SUB. Например, для того, чтобы записать y=x2, потребуется в HTML-текст поместить такуюстрочку: <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">y<span Courier New";mso-bidi-font-family:«Times New Roman»">=<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">x<span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SUP<span Courier New"; mso-bidi-font-family:«Times New Roman»">>2</<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">sup<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.4.2. Физические стили

В отличие от логических, эти стили не оформляют текст по егоназначению, а указывают внешний вид символов, отображаемых браузером:

1. <span Times New Roman""> 

<span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">I<span Courier New"; mso-bidi-font-family:«Times New Roman»">>...</<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">i<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

2. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">B<span Courier New"; mso-bidi-font-family:«Times New Roman»">>...</<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">b<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

3. <span Times New Roman""> 

<span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">U<span Courier New"; mso-bidi-font-family:«Times New Roman»">>...</<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">u<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

4.<span Times New Roman""> 

— <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">....

5. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">TT<span Courier New"; mso-bidi-font-family:«Times New Roman»">>...</<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">tt<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

Если требуется применить к тексту сразу два физическихстиля, то можно один контейнер вложить в другой, например: <span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">B<span Courier New"; mso-bidi-font-family:«Times New Roman»">><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">I<span Courier New"; mso-bidi-font-family:«Times New Roman»">>Полужирный курсив</<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">i<span Courier New"; mso-bidi-font-family:«Times New Roman»">></<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">b<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.4.3. Горизонтальное выравнивание текста

По умолчанию браузеры выравнивают текст по левому краю окна.Иногда, тем не менее, требуется поместить фрагмент текста по центру или поправому краю окна. В первом случае для центрирования текста (или другихобъектов) достаточно поместить фрагмент внутрь контейнера CENTER.

Если нужно указать левое или правое выравнивание, то можноиспользовать дополнительные возможности тега <P>, например: <PALIGN=RIGHT>Правое выравнивание</p>. Здесь дополнительныйэлемент <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">ALIGN

тега <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">P называется атрибутом, а <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">RIGHT — значением атрибута. Вообще говоря, тегимогут содержать несколько атрибутов, разделённых пробелами, бывают атрибуты беззначений (например: <span Courier New";mso-bidi-font-family: «Times New Roman»"><<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">FRAME<span Courier New";mso-bidi-font-family:«Times New Roman»"><span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">SRC<span Courier New";mso-bidi-font-family:«Times New Roman»">="<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">f<span Courier New"; mso-bidi-font-family:«Times New Roman»">1.<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">html<span Courier New"; mso-bidi-font-family:«Times New Roman»">" <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">NORESIZE<span Courier New"; mso-bidi-font-family:«Times New Roman»">>, в этом теге есть атрибут <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">NORESIZE, для которого не требуется значение).

Кроме значения <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">RIGHT

<span Courier New";mso-bidi-font-family:«Times New Roman»">у атрибута <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">ALIGN<span Courier New";mso-bidi-font-family:«Times New Roman»"> есть,очевидно, и значение <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">LEFT.Установленное в теге <span Courier New";mso-bidi-font-family: «Times New Roman»"><<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">P<span Courier New";mso-bidi-font-family:«Times New Roman»">>выравнивание будет действовать на протяжении всего абзаца, до тех пор, пока невстретится тег <span Courier New";mso-bidi-font-family: «Times New Roman»"></<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">p<span Courier New";mso-bidi-font-family:«Times New Roman»">>или следующий тег <span Courier New";mso-bidi-font-family: «Times New Roman»"><<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">P<span Courier New";mso-bidi-font-family:«Times New Roman»">>.

Атрибут ALIGNподдерживается не только для тега абзаца, но и для тегов всех шести заголовков(<span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">H<span Courier New"; mso-bidi-font-family:«Times New Roman»">1>,… <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">H<span Courier New"; mso-bidi-font-family:«Times New Roman»">6>), в результате заголовокбудет выровнен по вашему желанию. Его действие распространяется только досоответствующего закрывающего тега (<span Courier New"; mso-bidi-font-family:«Times New Roman»"></<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">h<span Courier New"; mso-bidi-font-family:«Times New Roman»">1>,… <span Courier New";mso-bidi-font-family:«Times New Roman»"></<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">h<span Courier New"; mso-bidi-font-family:«Times New Roman»">6>).4.4. Управление размером шрифта

На нашем уровне владения языком HTML возможно управление размером буквтолько с использованием заголовков разного уровня, однако существуетвозможность указывать размер шрифта явным образом.

В HTMLразмер текста задаётся целым числом от 1 до 7 (1 — самый мелкий, 7 — самыйкрупный). По умолчанию основной текст страницы имеет размер 3. Для того чтобызадать другой основной размер, нужно использовать тег <span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BASEFONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">>. В атрибуте <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SIZE этого тега указывается новый размеросновного шрифта. Такой размер будет установлен для текста, находящегося послетега <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BASEFONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">>. Пример: <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BASEFONT<span Courier New";mso-bidi-font-family:«Times New Roman»"> <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SIZE<span Courier New"; mso-bidi-font-family:«Times New Roman»">=5>Это текст размера 5.

При необходимости можно для части текста заказать другойразмер шрифта с помощью тега <span Courier New";mso-bidi-font-family: «Times New Roman»"><

<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">FONT<span Courier New";mso-bidi-font-family:«Times New Roman»">>у которого также есть атрибут <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">SIZE.Этот тег может использоваться и как парный (тогда размер будет применён дозакрывающего тега <span Courier New";mso-bidi-font-family: «Times New Roman»"></<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">font<span Courier New";mso-bidi-font-family:«Times New Roman»">>),и как непарный (размер применяется до следующего тега <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">> или <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BASEFONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">>).

Отличие тега <span Courier New"; mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">> от <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BASEFONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">> состоит в следующем: ватрибуте <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">SIZE тега <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">> можно указывать увеличениеили уменьшение размера шрифта относительно размера основного текста страницы.Для этого используются знаки «+» и «-». Например, запись <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FONT<span Courier New"; mso-bidi-font-family:«Times New Roman»"> <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SIZE<span Courier New"; mso-bidi-font-family:«Times New Roman»">=+2> значит «установитьразмер шрифта на 2 больше основного», а <span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FONT<span Courier New"; mso-bidi-font-family:«Times New Roman»"> <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SIZE<span Courier New"; mso-bidi-font-family:«Times New Roman»">=-1> означает «на 1 меньше».4.5. Управление цветом и гарнитурой шрифта

Кроме размера шрифта тег <span Courier New"; mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">> позволяет задать цветсимволов и выбрать гарнитуру (то есть способ начертания букв из числаустановленных в операционной системе вариантов). Для этого используютсяатрибуты <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">COLOR и <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FACE.

В качестве значения для атрибута <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">COLOR

можно указывать:

1. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">BLACK, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">NAVY, <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">SILVER, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BLUE, <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">MAROON, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">PURPLE, <span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">RED,<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FUCHSIA, <span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">GREEN,<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">TEAL, <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">LIME, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">AQUA, <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">OLIVE, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">GRAY, <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">YELLOW, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">WHITE;

2. <span Times New Roman""> 

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">COLOR<span Courier New"; mso-bidi-font-family:«Times New Roman»">="#<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">RRGGBB<span Courier New"; mso-bidi-font-family:«Times New Roman»">", где вместо букв <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">RR, <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">GG и <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">BB нужно записывать количество красной, зелёнойи синей «краски» соответственно. Эти количества записываются в видешестнадцатеричных чисел от 00 до FF (в десятичной системе это интервал от 0 до 255). Например,если нужно получить оранжевый цвет текста, можно указать <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">COLOR<span Courier New"; mso-bidi-font-family:«Times New Roman»">="#<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FF<span Courier New"; mso-bidi-font-family:«Times New Roman»">8000".

В качестве значений для атрибута <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FACE

в кавычках указывают название шрифта,например: <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">FACE<span Courier New";mso-bidi-font-family:«Times New Roman»">="<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">Arial<span Courier New"; mso-bidi-font-family:«Times New Roman»"> <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">Cyr<span Courier New"; mso-bidi-font-family:«Times New Roman»">".

Пример использования известных нам атрибутов тега <span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">FONT<span Courier New"; mso-bidi-font-family:«Times New Roman»">>:

<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US"><FONTFACE=«Decor» SIZE=5 COLOR=«Navy»>…

<span Courier New";mso-bidi-font-family:«Times New Roman»">ТЕКСТ… </<span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">font<span Courier New";mso-bidi-font-family:«Times New Roman»">>.4.6. Управление разбиением текста на строки

Как нам уже известно, браузер автоматически переносит текстна новую строку, как только текст достигнет правого края окна. Для того чтобы«досрочно» сделать перенос строки мы можем использовать теги <BR> или <P>.

В некоторых случаях предпочтительнее позволить тексту выйтиза пределы видимой части окна, чем позволить ему оказаться в разных строках.Чтобы запретить автоматический переход на новую строку нужно поместить соответствующийфрагмент текста в контейнер <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">NOBR

.Внутри этого контейнера можно указать те места, в которых всё-таки можноперейти на новую строку, это делается с помощью тега <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">WBR<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

Пример использования <span Courier New"; mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">NOBR<span Courier New"; mso-bidi-font-family:«Times New Roman»">> и <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">WBR<span Courier New"; mso-bidi-font-family:«Times New Roman»">>:

<span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">NOBR<span Courier New"; mso-bidi-font-family:«Times New Roman»">>Этот текст не может быть разбит браузеромна строки автоматически. Мы разрешим ему сделать перенос только после этогопредложения. <<span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">WBR<span Courier New";mso-bidi-font-family:«Times New Roman»">> Аэтот фрагмент также запрещено разрывать</<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">nobr<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.4.7. Вставка специальных символов в документ HTML

Некоторые символы невозможно показать в окне браузера,просто набрав их в текстовом редакторе. К ним относятся, например знаки «<»и «>», поскольку их браузер считает символами начала и конца тегов. Есливсё-таки возникла необходимость показать такие специальные символы, то ихзаменяют  такой последовательностью:сначала пишут знак амперсанда (&), затем буквенное обозначение спецсимвола,а в конце — точку с запятой. Для знаков «<» и «>» используются буквенныеобозначения «lt» и «gt» (lessthan — больше, чем ...; greaterthan — больше, чем… ).Например если нужно показать в браузере «A>B»,то в тексте HTML будемзаписывать: «<span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">A

<span Courier New";mso-bidi-font-family:«Times New Roman»">&<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">lt<span Courier New"; mso-bidi-font-family:«Times New Roman»">;<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">B».

Понятно, что символ «&» также невозможно записатьнапрямую, вместо этого записывают «<span Courier New"; mso-bidi-font-family:«Times New Roman»">&

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">amp<span Courier New"; mso-bidi-font-family:«Times New Roman»">;». Для записи двойной кавычкииспользуется код «"».Существует много специальных символов, которые невозможно набрать с клавиатуры(в частности, буквы из других алфавитов), их коды можно найти в справочнойлитературе.5. Списки

Довольно часто в тексте html-документа приходится перечислять какие-либо объекты илидавать определения понятий. В таких случаях можно пользоваться средствами HTML для организации списков.Списки существуют не только в языке HTML, но и во многих текстовых редакторах. В HTML имеется 3  вида списков:

1. Нумерованныйсписок. Каждый элемент такого списка имеет номер, который браузер проставитавтоматически. По умолчанию первый элемент списка имеет номер 1, второй — 2 ит.д. Для вставки нумерованного списка нам потребуется контейнер <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">OL

<span Courier New"; mso-bidi-font-family:«Times New Roman»"> (orderedlist — нумерованный список),внутри которого можно перечислять элементы списка. Перед тем как записыватьочередной элемент списка, нужно вставлять непарный тег <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">LI<span Courier New"; mso-bidi-font-family:«Times New Roman»">> (listitem — элемент списка). Общаяструктура списка имеет такой вид:

<OL>

<LI>Первыйэлемент

<LI>Второйэлемент

<LI>Последнийэлемент

</ol>

Простейший пример нумерованного списка на web-странице можно найти в файле ListsOL1.html.

Для нумерованных списков возможна настройка способанумерации элементов. Кроме арабских цифр можно использовать римские, а такжебольшие или малые латинские буквы. Для указания способа нумерации используетсяатрибут <span Courier New";mso-bidi-font-family:«Times New Roman»">TYPE

тега <span Courier New";mso-bidi-font-family:«Times New Roman»">.Этот атрибут может принимать одно из четырёх значений: <span Courier New";mso-bidi-font-family:«Times New Roman»">1 — арабскиецифры, <span Courier New";mso-bidi-font-family:«Times New Roman»">iили <span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">I — римские цифры, <span Courier New";mso-bidi-font-family:«Times New Roman»">a— малые латинские буквы, <span Courier New";mso-bidi-font-family: «Times New Roman»">A — большие латинские буквы. Пример использования атрибутаTYPE имеется в файле ListsOL2.html.

При необходимости можно начинать нумерацию элементов спискане с 1, а с произвольного номера. Чтобы указать начальный номер в списке,используют атрибут <span Courier New";mso-bidi-font-family: «Times New Roman»">START

тега <span Courier New"; mso-bidi-font-family:«Times New Roman»">, например: <span Courier New";mso-bidi-font-family:«Times New Roman»"><OLTYPE=1 START=5> (первый номер — 5). Этот атрибут работает тольков случае нумерации арабскими цифрами.

2. Маркированныйсписок. Иногда нумерация бывает не важна, но выделить для читателяотдельные элементы списка необходимо. В этом случае перед каждым элементомсписка ставится небольшой значок (маркер), обычно это круг, квадрат и т. п.Такие списки создаются с помощью контейнера <span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">UL

(unorderedlist— ненумерованный список), внутри которого также как для нумерованных списковперечисляются элементы с помощью тегов <span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">LI<span Courier New"; mso-bidi-font-family:«Times New Roman»">>.

Тип маркера указывается в атрибуте <span Courier New";mso-bidi-font-family:«Times New Roman»">TYPE

тега <span Courier New";mso-bidi-font-family:«Times New Roman»">.Возможно 3 вида маркеров: <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">DISC — круг, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">CIRCLE<span Courier New"; mso-bidi-font-family:«Times New Roman»"> — окружность, <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">SQUARE — квадрат. При необходимости можнозаказать для отдельного элемента списка маркер, отличающийся от других. Дляэтого атрибут TYPEнужно применять в теге <LI>перед соответствующим элементом списка.

Примеры маркированных списков находятся в файле ListsUL.html.

3. Списки определений.Этот вариант применяется в том случае, когда каждый элемент списка состоит издвух частей: термина (понятия и т. п.) и его определения (расшифровки). Длявставки списка определений используется контейнер DL (definitionlist — список определений). Каждыйэлемент записывается с использованием двух тегов: <span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">DT<span Courier New"; mso-bidi-font-family:«Times New Roman»">>Термин<<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">DD<span Courier New"; mso-bidi-font-family:«Times New Roman»">>Его определение. Примерсписка определений можно найти в файле ListsDL.html.6. Гипертекстовые ссылки

Главная особенность web-страниц состоит в том, что любая изних может позволить перейти к другой странице, находящейся на том же компьютереили в Интернет. Выглядит это следующим образом: фрагмент документа (текст,картинка или другой объект) выделяется особым образом; при просмотре страницыможно, щёлкнув мышью по этому фрагменту заставить браузер загрузить другуюстраницу, адрес которой записывается в тексте HTML-документа. По этой причинесодержимое страниц называется гипертекстом.

Для выделения фрагмента, являющегося ссылкой, используетсяконтейнер <span Courier New";mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">A<span Courier New"; mso-bidi-font-family:«Times New Roman»">> (от слова anchor — якорь). Наиболее важный атрибуттега <span Courier New";mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">A<span Courier New"; mso-bidi-font-family:«Times New Roman»">> — это <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">HREF, в качестве значения которого записываетсяадрес страницы, на которую нужно перейти. Ниже приведён пример вставкигиперссылки:

<span Courier New"; mso-bidi-font-family:«Times New Roman»"><

<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">A<span Courier New"; mso-bidi-font-family:«Times New Roman»"> <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">HREF<span Courier New"; mso-bidi-font-family:«Times New Roman»">="<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">http<span Courier New"; mso-bidi-font-family:«Times New Roman»">://<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">uni<span Courier New"; mso-bidi-font-family:«Times New Roman»">-<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">vologda<span Courier New"; mso-bidi-font-family:«Times New Roman»">.<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">ac<span Courier New"; mso-bidi-font-family:«Times New Roman»">.<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">ru<span Courier New"; mso-bidi-font-family:«Times New Roman»">">Щёлкните сюда, чтобы перейтина главную страницу <span Courier New"; mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">web<span Courier New";mso-bidi-font-family:«Times New Roman»">-сайтаВГПУ</<span Courier New";mso-bidi-font-family: «Times New Roman»;mso-ansi-language:EN-US">a<span Courier New";mso-bidi-font-family:«Times New Roman»">>

В качестве адреса в атрибуте HREF записывается либо полный URL сайта или страницы, либоимя файла, содержащего страницу, если она лежит на том же компьютере, что иисходная. Если страница лежит на том же компьютере, в том же каталоге, что ипросматриваемая, то в HREFдостаточно указать имя файла. Если же она лежит в другом каталоге, то вместоимени протокола пишут «file://»,а затем — полный путь к файлу и его имя.

Примеры: <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">HREF=«main.html»

, <span Courier New";mso-bidi-font-family:«Times New Roman»;mso-ansi-language:EN-US">HREF=«file://c:WebPagesBookcontents.htm».

Иногда страницы могут оказаться довольно большими, и дляпоиска нужной информации потребуется много времени. В таких случаях разумноделать ссылки в пределах одного документа. Пусть, например, в формате HTML опубликована целаякнига, тогда её содержание можно выполнить в виде ссылок, щёлкнув по нужнойссылке можно быстро перейти к началу интересующей нас главы или части книги.

Чтобы сделать ссылку в пределах одного документа потребуетсядва шага:

1.<span Times New Roman""> 

<span Courier New"; mso-bidi-font-family:«Times New Roman»"><<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">A<span Courier New"; mso-bidi-font-family:«Times New Roman»">> с атрибутом <span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">NAME. В качестве значения этого атрибутазаписываем в кавычках имя для того места, которое мы хотим отметить (лучшелатинскими буквами). В дальнейшем браузер по имени будет искать позицию, накоторую указывала ссылка. Тег <span Courier New"; mso-bidi-font-family:«Times New Roman»"></<span Courier New";mso-bidi-font-family:«Times New Roman»; mso-ansi-language:EN-US">a<span Courier New"; mso-bidi-font-family:«Times New Roman»">> можно поставить сра
еще рефераты
Еще работы по программному обеспечению