Несмотря на то, что Web-страницы появляются на экране компьютера в отформатированном виде, язык HTML не предназначен для форматирования документов, поскольку жесткое задание оформления и точное позиционирование элементов текста на странице приводит к ограничениям, недопустимым в Интернете.
Так, например, когда мы форматируем текст с помощью текстового процессора Word, мы однозначно
определяем, как должен выглядеть этот текст при печати на совершенно определенном принтере и
на бумаге заданного формата.
Когда документ размещен в Интернете, невозможно предсказать, какой компьютер будет использован для его просмотра, да и будет ли вообще у этого компьютера монитор.
Может быть, текст появится на экране компьютера, работающего в системе Windows в окне одного из современных броузеров. Может быть, это будет текстовый броузер (неспособный отображать графику), работающий в системе MS-DOS. Возможно, текст документа вообще не будет отображаться на экране, а будет воспроизводиться вслух с помощью синтезатора речи. Для слепого пользователя документ может выводиться на специальное устройство шрифтом Брайля.
В связи с необходимостью подготавливать документы для столь разнообразных устройств, язык HTML не предназначен для описания формата документа. Он служит для функциональной разметки документа,
то есть позволяет определить назначение
фрагментов текста.
Например, если в тексте встречается заголовок, то код HTML просто указывает, что соответствующий фрагмент является заголовком. Получив такой код, программа просмотра (броузер) сама «решает», что ей делать с заголовком. Возможно, она отобразит его более крупным шрифтом, а может быть выровняет по центру экрана. Возможно, что синтезатор речи, воспроизводящий текст Документа, использует код заголовка для того, чтобы повысить громкость и сделать необходимую интонационную паузу.
Язык HTML все-таки имеет некоторые команды форматирования, но общий курс на разделение содержания
и оформления документа выдерживается четко. В последней версии HTML (4.0) использовать команды форматирования, как правило, не рекомендуется.
Коды языка HTML, с помощью которых выполняется разметка исходного текста, называются тегами.
Тег - это набор символов. Все теги начинаются с символа «меньше» (<
) и заканчиваются символом «больше» (>
). Пару этих символов иногда называют угловыми скобками.
После открывающей угловой скобки идет ключевое слово,
определяющее тег.
Каждый тег в языке HTML имеет специальное назначение. Регистр букв в названиях тегов не имеет значения - можно использовать как строчные, так и прописные буквы, хотя общепринято использовать прописные буквы, чтобы теги отличались от обычного текста документа.
Как правило, один тег HTML воздействует только на часть документа, например на абзац. В таких случаях используют парные теги: открывающий
и закрывающий.
Открывающий тег создает эффект, а закрывающий - прекращает его действие. Закрывающие теги начинаются с символа косой черты (/
).
Некоторые теги дают разовый эффект в месте своего появления. В этом случае необходимости в закрывающем теге нет, и он не употребляется.
Если по ошибке в теге указано ключевое слово, отсутствующее в языке HTML, то тег игнорируется целиком.
При отображении документа в браузере сами теги не отображаются, но влияют на способ отображения документа.
Атрибуты тегов
Открывающие теги часто могут содержать атрибуты,
влияющие на эффект, создаваемый тегом. Атрибуты - это дополнительные ключевые слова, отделенные от ключевого слова тега и друг от друга пробелами.
Некоторые атрибуты требуют указания значения атрибута.
Это значение отделяется от ключевого слова знаком равенства (=
). Значение атрибута должно заключаться в кавычки, но во многих случаях эти кавычки могут опускаться без какого-либо вреда.
Закрывающие теги никогда не содержат атрибутов.
Комментарии
В языках программирования общепринята возможность использования комментариев - текстовых строк, не являющихся частью программы, а служащих для пояснения. Язык HTML тоже имеет такую возможность.
Комментарии в языке HTML начинаются со специального тега
. Комментарий может содержать любые символы, кроме символа «больше» (>
), и, таким образом, не может включать в себя теги.
Примеры тегов HTML:
<Body> <TABLE> </A> <img> </Center>
</b></p>
<p>Примеры парных тегов HTML:</p>
<p><b><HTML> </HTML>,
</b></p>
<p><b>,
</b></p>
<p><b><HEAD> </HEAD>,
</b></p>
<p><b><H3> </H3>,
</b></p>
<p><b><ADDRESS> </ADDRESS> ,
</b></p>
<p><b>,
</b></p>
<p>Примеры одиночных тегов HTML:</p>
<p><b><BR>, <HR>, <META>, <BASEFONT>, <FRAME>, <INPUT>.
</b></p>
<p>Примеры тегов HTML с атрибутами:</p>
<p><b><BODY BGCOLOR="#000000” TEXT=”FFFFFF" BACKGROUND="RAIN.GIF">
</b></p>
<p><b><OPTION SELECTED>
</b></p>
<p><b><FRAME SRC="file.html" NORESIZE>
</b></p>
<p>Структура документа HTML</p>
<p>Документ HTML состоит из основного текста документа и тегов разметки, которые, как мы уже знаем, являются наборами обычных символов. Таким образом, документ HTML - это, по существу, обычный текстовый файл. Для его создания можно использовать любой текстовый редактор, хотя бы и тот простейший редактор Блокнот, который входит в состав Windows 9x.</p>
<p>1. Все документы HTML имеют строго заданную структуру. Документ должен начинаться с тега <b><HTML>
</b> и заканчиваться соответствующим закрывающим тегом <b></HTML>
</b>. Эта пара тегов сообщает броузеру, что перед ним действительно документ HTML.</p>
<p>2. Документ HTML состоит <i>из раздела заголовков
</i> и <i>тела документа,
</i>идущих именно в таком порядке. Раздел заголовков заключен между тегами <b><HEAD>
</b> и <b></HEAD>
</b> и содержит информацию о документе в целом. В частности, этот раздел должен содержать внутри себя теги <b><TITLE>
</b> и <b>
, между которыми размещают «официальный» заголовок документа. Большинство броузеров, работающих в системе Windows, используют этот заголовок, чтобы заполнить строку заголовка окна броузера.
3. Сам текст документа располагается в теле документа.
Тело документа располагается между тегами
и
.
Четыре перечисленных парных тега определяют основную структуру документа HTML. Они встречаются (или их наличие подразумевается) во всех документах HTML.
На практике определить местоположение этих структурных основных тегов можно и при их отсутствии. Поэтому, если теги
,
и
, а также соответствующие им закрывающие теги опущены, то программа - броузер может сама определить то место, где они должны были находиться. Тег
</b>, определяющий заголовок документа, считается обязательным, но и его пропуск не вызовет катастрофических последствий в современных броузерах. Но все-таки при создании Web-страниц опускать все эти теги не рекомендуется, ведь заранее неизвестно, как поведет себя конкретный броузер, установленный на компьютере читателя.</p>
<p>Простейший правильно подготовленный документ HTML</p>
<p><b><HTML>
</b></p>
<p><b><HEAD>
</b></p>
<p><b><ТIТLЕ>
</b>Функциональные разделы документа<b></ТIТLЕ>
</b></p>
<p><b></HEAD>
</b></p>
<p><b><BODY>
</b></p>
<p><b></BODY>
</b></p>
<p>Интернет представляет собой всемирную сеть, объединяющую компьютерные сети по всему миру на базе единых стандартных соглашений (протоколов) о способах обмена информациейи единой системой адресации.
</p>
<p>К настоящему времени сеть Интернет получила беспрецедентное распространение. По оценкам экспертов Интернет объединяет более 100 миллионов компьютеров. Услугами Интернет пользуется свыше300 миллионов человек в 170 странах мира.
</p>
<p>С функциональной точки зрения Интернет представляет собой:
</p>
<p>ü
</span><span>недорогое быстродействующее средство общения между абонентами по всему миру;
</p>
<p>ü
</span><span>не имеющее аналогов хранилище информации по любым областям знаний;
</p>
<p>ü
</span><span>новую перспективную среду длядеятельности.
</p>
<p>Влияние Интернет распространяется не только на технологическую область компьютерных коммуникаций, оно имеет также социальную направленность и пронизывает все общество по мере того, как все более широкое распространение получают оперативные средства получения знаний, электронной коммерции.
</p>
<p>Самым распространенным и востребованным сегодня является такой сервис Интернет, как
</span> WWW
(World
Wide
Web
<span> − всемирная паутина). Информацияв WWW представлена в виде так называемых гипертекстовых (или, более широко, гипермедийных) документов,которые могут содержать отформатированный текст, графику, аудио- и видеофрагменты.Основной особенностью гипертекстовых документов является наличие активных зон, чувствительных к щелчку мыши.Активными могут быть фрагменты текста, целые изображения и их части;щелчок по активной зоне вызывает загрузку связанного с этой зоной (целевого) документа.
</p>
<p>Чтобы научиться размещать материалы в Интернет, прежде всего необходимо познакомиться с языком разметки гипертекста
</span> HTML
<span> (<b>H
</b> yper<b>T
</b> ext <b>M
</b> arkup <b>L
</b> anguage)
</p>
<h2> <span>Основы языка HTML
</span></h2>
<p>Язык разметки гипертекстовых документов HTML представляет собой совокупностькоманд, называемых тегами(от английского <i>tag
</i>).Встречающиеся в тексте документа HTML-теги интерпретируются браузером при отображении документа.
</p>
<p>Просмотр HTML-документов осуществляется с помощью программ-<i>браузеров
</i>(от английского <i>browser
</i>), которые отображают документ в соответствии с HTML-разметкой и обеспечивают навигацию по гиперссылкам. Наиболее распространенными являются браузеры
</span><b>Microsoft
</b><b>Internet
</b><b>Explorer
</b>фирмы
Microsoft
Corporation
и
<b>Netscape
</b><b>Navigator
</b>фирмы
Netscape
Communications
Corporation
.
</p>
<p>Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (<i>Notepad
</i>), но это очень трудоемко. Чаще используют специализированные редакторы, предназначенные именно для подготовки HTML-документов, которые позволяют вставлять теги с помощью кнопок панелей инструментов либо команд меню, и задавать атрибуты тегов в диалоговых окнах, например, <b>Macromedia
</b> <b>Dreamweaver,
</b>
</span><b>Microsoft
</b><b>FrontPage
,
</b><b>HomeSite
</b>и др.
</p>
<p>HTML-документ может быть получен преобразованием в HTML-формат, например, из формата документов пакета Microsoft Office. Надо отметить, что при таком преобразовании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции.Значительно эффективнее пользоваться специальными HTML - редакторами.
</p>
<h3> <span>Синтаксис HTML-тегов
</span></h3>
<p>HTML-тег записывается в угловых скобках (символы)и состоит из имени, за которым может следовать список атрибутов (для большинства тегов необязательный). Имена и атрибуты представляют собой английские слова и аббревиатуры.
</p>
<p>Теги условно можно разделить на две группы:
</p>
<p><b>Парные
</b><span> теги (называемые также <i>контейнерами
</i>) имеют два компонента: открывающий (начальный) и закрывающий (конечный); закрывающий компонент имеет то же название, но при записи перед названием ставится косая черта(символ <b>/
</b>). Между открывающим и закрывающим компонентами может располагаться текст документа и другие теги. Фрагмент документа, расположенный между открывающим и закрывающим элементом тега-контейнера форматируется браузером согласно смыслу тега.Например, текст, расположенный между тегами<b>и
</b> , будет выведен полужирным начертанием (название тега - от английского <i>bold
</i>). Парные теги могут быть вложены друг в друга, но не должны пересекаться.
</p>
<p><b>Непарные
</b><span> теги (называемые также <i>автономными
</i>) не имеют конечного компонента.При их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тег <img src='/yazyk-html-otnositsya-k-osnovnye-ponyatiya-yazyka-html-kak-vs-eto-mozhno-predstavit-v.html' loading=lazy> , встречающийся в тексте HTML-документа, вызывает вставку графического изображения из файла pict.gif .
</p>
<p>Атрибуты в списке отделяются друг от друга одним или несколькими пробелами, либо символами табуляции, либо символами перевода строки;последовательность записи атрибутов несущественна. Подавляющее большинство атрибутов употребляются в виде пары<i>название атрибута = значение атрибута
</i>. В случае, когда значение атрибута представляет собой более чем одно слово либо одно число, его следует заключить в одинарные или двойные кавычки.
В закрывающих компонентах тегов атрибуты не указываются.
</p>
<p><br style="page-break-before: always;" clear="all"></p>
<p>Вот пример тега с атрибутами:
</p>
<table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Название тега
<span> Название атрибута
</p>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Значение атрибута
</p>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Название атрибута
</p>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Значение атрибута
</p>
</td>
</tr></tbody></table><table cellspacing="0" cellpadding="0" align="left"><tbody><tr><td width="101" height="1">
</td>
</tr><tr><td>
</td>
<td>
</td>
</tr></tbody></table><p><FONTSIZE=+2COLOR=RED>
Привет
!
</p>
<p>Встретив такой тег в HTML-документе, браузер интерпретирует его, выводя следующий за тегом текст символами, увеличенными относительно базового размера(SIZE=+2) и красного цвета (COLOR=RED); это форматирование текста применяется до тех пор, пока не встретится закрывающий тег.
</p>
<p>Регистр символов в записи тегов и атрибутов значения не имеет.
</p>
<h3> <span>Структура HTML-документа
</span></h3>
<p>HTML-документ заключается в теги и.Между этими тегами располагаются две секции:секция заголовка (между тегами и) и секция тела документа (между тегами и).Секция заголовка содержит описание параметров, используемых при отображении документа, но не отражающихся непосредственно в окне браузера.Секция тела документа содержит основной текст, предназначенный для отображения браузером, теги форматирования, размещения рисунков, таблиц, гиперссылок и т.д.
</p>
<p>HTML
<span>-код простейшего документа, пригодного для размещений в Интернет, выглядит так:
</p>
<p><b><
</b> TITLE
<b>>
</b><span>Наша первая страничкаTITLE
>
</p>
<p>Самый
простой
HTML-
документ
</p>
<p>Данный кодможет быть набран в текстовом редакторе Блокнот и сохранен как файл с расширением.
</span> htm
или.
html
<span>− в этом случай документ откроется в браузере, установленном на вашем компьютере по умолчанию. Браузер отобразит этот документ, выведя в своем окне строку "Самый простой HTML-документ", расположенную в секции тела документа. Фраза "Наша первая страничка" будет отображаться в строке заголовка браузера.
</p>
<h5>Раздел
HEAD
</h5>
<p>Секция заголовка обычно содержит теги, незаметные для пользователя, но тем не менее способные активно влиять не внешний вид документа.
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 140.1pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="187">
<p>Тег
</p>
</td>
<td style="width: 366.85pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="489">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 140.1pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="187">
</td>
<td style="width: 366.85pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="489">
<p>Определяет имя всего документа. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
</p>
</td>
</tr><tr style="mso-yfti-irow: 2;"><td style="width: 140.1pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="187">
</td>
<td style="width: 366.85pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="489">
<p>Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тэга. Обязательно присутствие хотя бы одного из аргументов:
</p>
<p><b>HREF
</b><span> - определяет базовый адрес (URL) текущего документа.
</p>
<p><b>TARGET
</b><span> - определяет имя фрейма, которое будет использоваться в гиперссылках по умолчанию. Это может вам пригодиться, если вы хотите открывать все ссылки документа в другом фрейме.
</p>
</td>
</tr><tr style="mso-yfti-irow: 3;"><td style="width: 140.1pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="187">
<p><
STYLE
TYPE=
"<span>text
/css
"
</span>>
</p>
</td>
<td style="width: 366.85pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="489">
<p>Используется для вставки в документ каскадных таблиц стилей (CSS − Cascade Style Sheet). TYPE − обязательный атрибут, значением которого, как правило, является "<b>text
</b>/<b>css
</b>".
</p>
</td>
</tr><tr style="mso-yfti-irow: 4; mso-yfti-lastrow: yes;"><td style="width: 140.1pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="187">
<p><
МЕТА
…>
</p>
</td>
<td style="width: 366.85pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="489">
<p>Элемент МЕТА используется для технического описания документа. С помощью этого элемента в заголовок документа внедряется дополнительная полезная информация, невидимая для пользователя, но порой просто незаменимая для правильной индексации вашей страницы роботами поисковых серверов. Элемент не имеет конечного тега.
</p>
<p>NAME - определяет имя мета-записи. Существует множество предопределенных имен, некоторые из которых вы можете увидеть в указанном ниже примере.
</p>
<p>CONTENT - присваивает значение мета-записи, определенной в параметре NAME.
</p>
</td>
</tr></tbody></table><h5>Раздел
BODY
</h5>
<p>Этот раздел включает в себя основное содержание веб-страницы − текст документа, изображения, таблицы и т.п. Элемент BODY должен встречаться в документе не более одного раза и может включать следующие атрибуты:
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" width="100%" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="178">
<p>Синтаксис атрибута
</p>
</td>
<td style="width: 373.15pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="498">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1; height: 30.8pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 30.8pt;" valign="top" width="178">
<p>MARGINHEIGHT=<i>число
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 30.8pt;" valign="top" width="498">
<p>Определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Netscape
</p>
</td>
</tr><tr style="mso-yfti-irow: 2; height: 33.35pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 33.35pt;" valign="top" width="178">
<p>TOPMARGIN= <i>число
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 33.35pt;" valign="top" width="498">
<p>Определяет ширину (в пикселях) верхнего и нижнего полей документа. Работает только в браузерах Internet Explorer
</p>
</td>
</tr><tr style="mso-yfti-irow: 3; height: 35.25pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 35.25pt;" valign="top" width="178">
<p>MARGINWIDTH= <i>число
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 35.25pt;" valign="top" width="498">
<p>Определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Netscape
</p>
</td>
</tr><tr style="mso-yfti-irow: 4; height: 33.65pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 33.65pt;" valign="top" width="178">
<p>LEFTMARGIN= <i>число
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 33.65pt;" valign="top" width="498">
<p>Определяет ширину (в пикселях) левого и правого полей документа. Работает только в браузерах Internet Explorer
</p>
</td>
</tr><tr style="mso-yfti-irow: 5; height: 42.85pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 42.85pt;" valign="top" width="178">
<p>BACKGROUND= <i>URL
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 42.85pt;" valign="top" width="498">
<p>Определяет изображение для "заливки" фона (фонового рисунка). Значение задается в абсолютного или относительного адреса изображения (см. раздел <b>Размещение рисунков)
</b>
</p>
</td>
</tr><tr style="mso-yfti-irow: 6; height: 13.7pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.7pt;" valign="top" width="178">
<p>BGCOLOR=<i>цвет
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.7pt;" valign="top" width="498">
<p>Определяет цвет фона документа.
</p>
<p><i>Microsoft
</i><i>Internet
</i><i>Explorer
</i><span>поддерживает 16 стандартных имен цветов (</span> aqua
,
black
,
blue
,
fuchsia
,
gray
,
green
,
lime
,
maroon
,
navy
,
olive
,
purple
,
red
,
silver
,
teal
,
yellow
,
white
)
</p>
<p>Другим способом является использование кода цвета в виде шестиразрядного шестнадцатеричного числа, задающее интенсивность красной (первые две цифры), зеленой (следующие две цифры) и синей (последние две цифры) составляющей. Интенсивность каждой составляющей в шестнадцатеричной форме изменяется от 00 до FF. При задании цвета в качестве значения атрибута некоторого тега перед шестнадцатеричным числом ставится символ#.
</p>
<p>Например, запись
</span> COLOR
="#0000
FF
<span>" означает синий цвет
</p>
<p>Несмотря на принципиальную возможность задать миллионы цветов, надо учитывать, что браузеры отображают лишь 256 цветов, причем у каждого браузера своя цветовая палитра.В этой палитре браузер подберет цвет, наиболее близкий к заданному
</p>
</td>
</tr><tr style="mso-yfti-irow: 7; height: 13.65pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.65pt;" valign="top" width="178">
<p>TEXT=<i>цвет
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.65pt;" valign="top" width="498">
<p>Определяет цвет текста в документе
</p>
</td>
</tr><tr style="mso-yfti-irow: 8; height: 16.45pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 16.45pt;" valign="top" width="178">
<p>LINK=<i>цвет
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 16.45pt;" valign="top" width="498">
<p>Определяет цвет гиперссылок в документе
</p>
</td>
</tr><tr style="mso-yfti-irow: 9; height: 18.5pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 18.5pt;" valign="top" width="178">
<p>ALINK=<i>цвет
</i>
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 18.5pt;" valign="top" width="498">
<p>Определяет цвет подсветки гиперссылок вмомент нажатия
</p>
</td>
</tr><tr style="mso-yfti-irow: 10; mso-yfti-lastrow: yes; height: 34.7pt;"><td style="width: 133.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 34.7pt;" valign="top" width="178">
<p>VLINK
</p>
</td>
<td style="width: 373.15pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 34.7pt;" valign="top" width="498">
<p>Определяет цвет гиперссылок на уже просмотренные документы
</p>
</td>
</tr></tbody></table><h3> <span>Форматирование текста
</span></h3>
<h5> <span>Форматирование символов
</span></h5>
<p>Все теги форматирования символов имеют как открывающий, так и закрывающий компонент и действуют на заключенные между ними текст.
</p>
<p>Основным является тег <b> ...
</b> FONT>, обязательно использующийся с одним или несколькими атрибутами, изменяющими размер, цвет и гарнитуру шрифта:
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" width="100%" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 118.8pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="158">
<p>Синтаксис атрибута
</p>
</td>
<td style="width: 331.4pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="442">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 118.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="158">
<p>SIZE = <i>значение
</i>
</p>
</td>
<td style="width: 331.4pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="442">
<p>Размер задается либо в форме абсолютного значения (число от 1 до 7),либо относительно размера основного шрифта (в форме +nили -n).
</p>
</td>
</tr><tr style="mso-yfti-irow: 2;"><td style="width: 118.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="158">
<p>COLOR = <i>цвет
</i>
</p>
</td>
<td style="width: 331.4pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="442">
<p>Цвет
</p>
</td>
</tr><tr style="mso-yfti-irow: 3; mso-yfti-lastrow: yes;"><td style="width: 118.8pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="158">
<p>FACE = <i>список шрифтов
</i>
</p>
</td>
<td style="width: 331.4pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="442">
<p>Гарнитуры для отображения текста; названия перечисляются в порядке предпочтения через запятую, например,
</span><span>FACE
="
</span><span>Verdana
,
</span><span>Helvetica
,
</span><span>Arial
,
</span><span>Sans
-
</span><span>Serif
"
</p>
<p>Можно указывать и одну из гарнитур, но следует учитывать, что данный шрифт может быть не установлен на компьютере пользователя, и "экзотические" шрифты отображаться браузером не будут
</p>
</td>
</tr></tbody></table><p>Кроме того, используются теги, позволяющие изменить начертание символов:
</p>
<p><b><span><b> .
</b>
</b><span>.. (от английского bold) − полужирный шрифт;
</p>
<p><b><span><i> ..
</i>
</b><span>. (от английского italic) − курсив;
</p>
<p> ... (от английского TeleType) − моноширинный шрифт;
</p>
<p>... (от английского <b>u
</b> nderline) − подчеркнутый;
</p>
<p>...
</span><span>S
<span>> (от английского
</span><span><b><span>s
</b>
</span><span><i><span>trikethrough
</i><span>) − перечеркнутый;
</p>
<p>... (от английского <b>s
</b> ub<i>script
</i>) − нижний индекс;
</p>
<p>... (от английского sup<i>erscript
</i>) − верхний индекс.
</p>
<p>Текст, заключенный между тегами
</p>
<p>и(от английского pre<i>formatted
</i>), отображается так, как он был отформатирован предварительно, со всеми пробелами и переносами строк.
</p>
<h5><span>Форматирование абзацев
</span></h5>
<p>Текст выводится в окно браузера слово за словом, при достижении правой границы окна очередное слово автоматически переносится на новую строку. Даже если в коде страницы было введено несколько пробелов или текст записывался с новой строки, при просмотре в браузере эти действия отображены не будут. Поэтому чтобы вывести в тексте ряд последовательных пробелов или несколько пустых строк, приходится применять различные теги.
</p>
<p>Тег <b><br></b>(от английского b<i>reak
</i>)разрывает текстовый поток и вставляет новую строку без образования нового абзаца.Несколько последовательных тегов <br> интерпретируются как несколько пустых строк.Межстрочный интервал одинарный.Закрывающего компонента тег не имеет, как и атрибутов.
</p>
<p>Тег(от английского p<i>aragraph
</i>)начинает абзац;новый абзац отделяется от предыдущего двойным межстрочным интервалом.Абзац пустым быть не может, то есть несколько последовательных тегов
</p>
<p>интерпретируются как один (в отличие от тега <br>).Закрывающий компонент</p>
<p>не обязателен, так как предыдущий абзац заканчивается там, где начинается новый.Тег имеет необязательный атрибут ALIGN, указывающий на вид выравнивания абзаца, который может принимать значенияLEFT, CENTER, RIGHT и
</span> JUSTIFY
<span>, задающие выравнивание соответственно по левому краю, центру, правому краю и по ширине. По центру будет выровнен и текст, заключенный в теги
</p>
...
<p>Если закрывающий компонент
</p>
<p>опустить, то заданный тип выравнивания сохраняется до следующего тега, задающего выравнивание, или до конца документа.</p>
<p>HTML позволяет создавать форматировать абзацы как нумерованные или маркированные списки. Фрагмент текста, представляющий собой список, заключается в теги:
</p>
<p>упорядоченный (нумерованный) список (от английского o<i>rdered
</i> l<i>ist
</i>)
</p>
<p>неупорядоченный (маркированный) список (от английского u<i>nordered
</i> l<i>ist
</i>)
</p>
<p>Каждый элемент упорядоченного или неупорядоченного списка заключается в теги ... (от английского l<i>ist
</i> i<i>tem
</i>). При выводе текста каждый элемент списка будет располагаться с новой строки, обозначенной номером или маркером. Кроме того, у списка может быть заголовок, который задается тегом (от английского
</span> l
<i>ist
</i> h
<i>eader
</i><span>). Закрывающие теги и не обязательны.
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; border: none; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 111.75pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="149">
</td>
<td style="width: 197.6pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="263">
<p>Нумерованный список
</p>
</td>
<td style="width: 197.6pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="263">
<p>Маркированный список
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 111.75pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="149">
<p>Элемент кода
</p>
</td>
<td style="width: 197.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="263">
<p><
O
L>
</p>
<p><L
H
>
Заголовок
</p>
<p>Первый элемент
</p>
<p>Второй элемент
</p>
<p>Третий элемент
</p>
</td>
<td style="width: 197.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="263">
<p><
U
L>
</p>
<p><L
H
>
Заголовок
</p>
<p>Первый элемент
</p>
<p>Второй элемент
</p>
<p>Третий элемент
</p>
<p>U
L>
</p>
</td>
</tr><tr style="mso-yfti-irow: 2; mso-yfti-lastrow: yes;"><td style="width: 111.75pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="149">
<p>Отображение в браузере
</p>
</td>
<td style="width: 197.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="263">
<p>Заголовок
</p>
<p>1. Первый элемент
</p>
<p>2. Второй элемент
</p>
<p>3. Третий элемент
</p>
</td>
<td style="width: 197.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="263">
<p>Заголовок
</p>
<p>·
</span> Первый элемент
</p>
<p>·
</span> Второй элемент
</p>
<p>·
</span> Третий элемент
</p>
</td>
</tr></tbody></table><p>Многоуровневый список может быть организован посредством комбинации нумерованных и маркированных списков.
</p>
<p>Тегимеет необязательные атрибуты:
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" width="100%" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; height: 13.45pt;"><td style="width: 125.9pt; border-top: solid windowtext 1.0pt; border-left: solid windowtext 1.0pt; border-bottom: none black 1.0pt; border-right: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-bottom-alt: none black 0cm; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" valign="top" width="168">
<p>Синтаксис атрибута
</p>
</td>
<td style="width: 324.3pt; border: solid windowtext 1.0pt; border-bottom: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" colspan="2" valign="top" width="432">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1; height: 13.45pt;"><td style="width: 125.9pt; border-top: none; border-left: solid windowtext 1.0pt; border-bottom: solid windowtext 1.0pt; border-right: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-bottom-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" rowspan="6" valign="top" width="168">
<p>TYPE = <i>формат
</i>
</p>
</td>
<td style="width: 324.3pt; border: solid windowtext 1.0pt; border-bottom: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" colspan="2" valign="top" width="432">
<p>формат нумерации может иметь значения:
</p>
</td>
</tr><tr style="mso-yfti-irow: 2; height: 12.75pt;"><td style="width: 35.45pt; border: none; border-left: solid windowtext 1.0pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 12.75pt;" valign="top" width="47">
</td>
<td style="width: 288.85pt; border: none; border-right: solid windowtext 1.0pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 12.75pt;" valign="top" width="385">
<p>арабские цифры (по умолчанию)
</p>
</td>
</tr><tr style="mso-yfti-irow: 3; height: 7.5pt;"><td style="width: 35.45pt; border: none; border-left: solid windowtext 1.0pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 7.5pt;" valign="top" width="47">
</td>
<td style="width: 288.85pt; border: none; border-right: solid windowtext 1.0pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 7.5pt;" valign="top" width="385">
<p>прописные буквы
</p>
</td>
</tr><tr style="mso-yfti-irow: 4; height: 15.0pt;"><td style="width: 35.45pt; border: none; border-left: solid windowtext 1.0pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 15.0pt;" valign="top" width="47">
</td>
<td style="width: 288.85pt; border: none; border-right: solid windowtext 1.0pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 15.0pt;" valign="top" width="385">
<p>строчные буквы
</p>
</td>
</tr><tr style="mso-yfti-irow: 5; height: 11.25pt;"><td style="width: 35.45pt; border: none; border-left: solid windowtext 1.0pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 11.25pt;" valign="top" width="47">
</td>
<td style="width: 288.85pt; border: none; border-right: solid windowtext 1.0pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 11.25pt;" valign="top" width="385">
<p>большие римские цифры
</p>
</td>
</tr><tr style="mso-yfti-irow: 6; height: 15.0pt;"><td style="width: 35.45pt; border-top: none; border-left: solid windowtext 1.0pt; border-bottom: solid windowtext 1.0pt; border-right: none; mso-border-left-alt: solid windowtext .5pt; mso-border-bottom-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 15.0pt;" valign="top" width="47">
</td>
<td style="width: 288.85pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-bottom-alt: solid windowtext .5pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 15.0pt;" valign="top" width="385">
<p>маленькие римские цифры
</p>
</td>
</tr><tr style="mso-yfti-irow: 7; mso-yfti-lastrow: yes;"><td style="width: 125.9pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="168">
<p>START = значение
</p>
</td>
<td style="width: 324.3pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-left-alt: solid windowtext .5pt; mso-border-bottom-alt: solid windowtext .5pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="432">
<p>первый номер в списке (по умолчанию 1)
</p>
</td>
</tr></tbody></table><p>Тегимеет необязательный атрибут
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" width="100%" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; page-break-inside: avoid; height: 13.45pt;"><td style="width: 5.0cm; border-top: solid windowtext 1.0pt; border-left: solid windowtext 1.0pt; border-bottom: none black 1.0pt; border-right: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-bottom-alt: none black 0cm; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" valign="top" width="189">
<p>Синтаксис атрибута
</p>
</td>
<td style="width: 365.2pt; border: solid windowtext 1.0pt; border-bottom: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" colspan="2" valign="top" width="487">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1; page-break-inside: avoid; height: 13.45pt;"><td style="width: 5.0cm; border-top: none; border-left: solid windowtext 1.0pt; border-bottom: solid windowtext 1.0pt; border-right: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-bottom-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" rowspan="4" valign="top" width="189">
<p>TYPE = <i>формат
</i>
</p>
</td>
<td style="width: 365.2pt; border: solid windowtext 1.0pt; border-bottom: none; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 13.45pt;" colspan="2" valign="top" width="487">
<p>формат маркера может иметь значения:
</p>
</td>
</tr><tr style="mso-yfti-irow: 2; page-break-inside: avoid; height: 12.75pt;"><td style="width: 63.85pt; border: none; border-left: solid windowtext 1.0pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 12.75pt;" valign="top" width="85">
<p>Disc
</p>
</td>
<td style="width: 301.35pt; border: none; border-right: solid windowtext 1.0pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 12.75pt;" valign="top" width="402">
<p>диск (по умолчанию)
</p>
</td>
</tr><tr style="mso-yfti-irow: 3; page-break-inside: avoid; height: 7.5pt;"><td style="width: 63.85pt; border: none; border-left: solid windowtext 1.0pt; mso-border-left-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 7.5pt;" valign="top" width="85">
<p>Circle
</p>
</td>
<td style="width: 301.35pt; border: none; border-right: solid windowtext 1.0pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 7.5pt;" valign="top" width="402">
<p>окружность
</p>
</td>
</tr><tr style="mso-yfti-irow: 4; mso-yfti-lastrow: yes; page-break-inside: avoid; height: 15.0pt;"><td style="width: 63.85pt; border-top: none; border-left: solid windowtext 1.0pt; border-bottom: solid windowtext 1.0pt; border-right: none; mso-border-left-alt: solid windowtext .5pt; mso-border-bottom-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 15.0pt;" valign="top" width="85">
<p>Square
</p>
</td>
<td style="width: 301.35pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-bottom-alt: solid windowtext .5pt; mso-border-right-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt; height: 15.0pt;" valign="top" width="402">
<p>Квадрат
</p>
</td>
</tr></tbody></table><p>Абзацы можно оформить и в видезаголовков уровня (от
</span> n
=1 до
n
<span>=6), для этого используют теги вида<b><H
</b> n<b>> ... n<b>>.
</b>Заголовок первого уровня выводится наиболее крупным шрифтом.
</b>
</p>
<p>Теги
</p>
<h1></h1>
<h2></h2>
<p>, ... ,
</p>
<h6></h6>
<p>могут иметь атрибут выравниванияALIGNсо значениямиLEFT,RIGHT и CENTER.
</p>
<h3><span>Размещение рисунков
</span></h3>
<p>Изображения, которые демонстрируются браузером при просмотре веб-страницы, хранятся в отдельных файлах формата
</span> gif
,
jpg
(jpeg
) или
png
<span>, а в коде страницы делается ссылка на нужный файл. Для этого используется непарный тег , имеющий один обязательный и ряд необязательных атрибутов..
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" width="100%" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 506.95pt; border: none; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="676">
<p>Обязательный атрибут:
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>SRC = <i>url
</i>
</p>
</td>
<td style="width: 352.7pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Адрес графического файла (относительный или абсолютный)
</p>
</td>
</tr><tr style="mso-yfti-irow: 2; height: 21.45pt;"><td style="width: 506.95pt; border: none; padding: 0cm 5.4pt 0cm 5.4pt; height: 21.45pt;" colspan="2" valign="top" width="676">
</td>
</tr><tr style="mso-yfti-irow: 3;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>ALT = <i>текст
</i>
</p>
</td>
<td style="width: 352.7pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Альтернативный текст, выводимый в режиме браузера без загрузки изображений (обязательно заключается в кавычки)
</p>
</td>
</tr><tr style="mso-yfti-irow: 4;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>BORDER = <i>значение
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Толщина обрамляющей рамки в пикселях, 0 означает отсутствие рамки (по умолчанию)
</p>
</td>
</tr><tr style="mso-yfti-irow: 5;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>BORDERCOLOR
= <i>цвет
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Задает цвет обрамляющей рамки
</p>
</td>
</tr><tr style="mso-yfti-irow: 6;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>HEIGHT = <i>значение
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Высота изображения в пикселях(по умолчанию оригинальная) либо в процентах от высоты окна браузера
</p>
</td>
</tr><tr style="mso-yfti-irow: 7;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>WIDTH = <i>значение
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Ширина изображения в пикселях(по умолчанию оригинальная) либо в процентах от ширины окна браузера
</p>
</td>
</tr><tr style="mso-yfti-irow: 8;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>HSPACE = <i>значение
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Свободное пространство слева и справа от изображения в пикселях
</p>
</td>
</tr><tr style="mso-yfti-irow: 9;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>VSPACE = <i>значение
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Свободное пространство сверху и снизу от изображения в пикселях
</p>
</td>
</tr><tr style="mso-yfti-irow: 10; mso-yfti-lastrow: yes;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>ALIGN = <i>значение
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Выравнивание изображения по горизонтали.
</p>
<p>Если заданы значения
</span> LEFT
либо
RIGHT
<span>, изображение соответствующим образом будет выровнено по горизонтали,задание этих значений обеспечивает обтекание изображения текстом
</p>
</td>
</tr></tbody></table><p>Рассмотрим подробнее абсолютный и относительный способы адресации файла.
</p>
<p><i><span>Адресация в абсолютной форме
</span>
</i><span> используется при ссылках на ресурсы, находящиеся на других серверах. Универсальный адрес, определяющий местонахождение информационного ресурса, носит название <b>URL
</b>(Uniform Resource Locator - унифицированный адрес ресурса). URL состоит из двух частей, разделенных двоеточием. Первая часть указывает на тип сетевого протокола, который зависит от типа ресурса. Например, если ресурс располагается на WWW-сервере,это протокол <i>http
</i>.Вторая часть включает в себя имя компьютера (сервера) в доменной системе имен и (если требуется) путевое имя файла. При записи путевого имени названия каталогов разделяются прямой косой чертой (символ <b>/
</b>), в именах файлов и каталогов <i>различаются прописные и строчные буквы
</i>, пробелы не допускаются. Вот примеры URL:
</p>
<p>http://www.
vshu
.
kirov
.ru/
site
/
images
/
picture
1.
jpg
</p>
<p>http://195.21.123.13:8110
</p>
<p>ftp://everything.com/soft/prog.zip
</p>
<p>mailto:<span>This email address is being protected from spambots. You need JavaScript enabled to view it.
</p>
<p>Последний URL, указывающий на протокол <i>mailto
</i>и адрес электронной почты, не ссылается ни на какой информационный ресурс; это единственный тип URL, при записи которого не ставятся после двоеточия две косые черты.
</p>
<p>Адресация рисунков в абсолютной форме при создании веб-сайта практически не используется.
</p>
<p><i><span>Адресация в относительной форме
</span>
</i><span> используется при ссылках на ресурсы, находящиеся на том же сервере. При записи пути к файлу названия каталогов разделяются прямой косой чертой (символ <b>/
</b>), переход по каталогам файловой системы на один уровень вверх обозначается двумя точками (символы <b>..
</b>). Чтобы было понятнее, представим себе компьютер, например, с такой структурой каталогов, содержащих HTML-файлы:
</p>
<p>SHAPE\* MERGEFORMAT
</p>
<table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>MySite
</p>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Pa
</span> ges
</p>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Ima
ges
</p>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Page1.htm
</p>
<p>Page2.htm
</p>
<p>Pict1.jpg
</p>
<p>Pict2.jpg
</p>
</td>
</tr></tbody></table><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td>
<p>Index.htm
</p>
<p>Picture.jpg
</p>
</td>
</tr></tbody></table><p>В этом случае возможны, например, такие варианты записи тега
</span> IMG
:
</p>
<p>ü
</span><
IMG
SRC
=
Picture
.
jpg
> (изображение
Picture
.
jpg
<span> располагается на страничке
</span> Index
.
htm
)
</p>
<p>ü
</span><
IMG
SRC
=
Images
/
Pict
1.
jpg
> (изображение
Pict
1.
jpg
<span> располагается на страничке
</span> Index
.
htm
)
</p>
<p>ü
</span><
IMG
SRC
=../
Picture
.
jpg
> (изображение
Picture
.
jpg
<span> располагается на страничке
</span> Page
1.
htm
)
</p>
<p>ü
</span><
IMG
SRC
=../
Images
/
Pict
1.
jpg
> (изображение
Pict
1.
jpg
<span> располагается на страничке
</span> Page
1.
htm
)
</p>
<p>Несмотря на то, что формально обязательным является только атрибут SRC,на практике необходимо указывать и альтернативный текст (атрибут ALT), так как многие работают с браузером в режиме без загрузки изображений.
</p>
<p>Высоту и ширину области, в которой демонстрируется рисунок, задают при помощи атрибутов width и height в пикселях или в процентах к размеру экрана. В том случае, когда задается один из этих атрибутов, рисунок масштабируется таким образом, чтобы его высота или ширина соответствовали заданной. Второй размер устанавливается автоматически, в соответствующей пропорции. Применение только одного из атрибутов изменяет оба размера рисунка.<br> Если задать явно оба атрибута, то рисунок будет масштабироваться по двум осям в соответствии с заданными размерами. Атрибуты height и width меняют не время загрузки изображения, а только его вид (размер) на экране.
</p>
<h3>Гиперссылки
</h3>
<p>Гиперссылкой называют объект (текст, изображение, фрагмент изображения), при щелчке мышью по которому происходит переход к новому документу или фрагменту документа. Именно гиперссылки позволяют организовать переходы между любыми размещенными в сети Интернет документами.
</p>
<h5><span>Текстовые гиперссылки
</span></h5>
<p>Связь между HTML-документами и фрагментами документов организуется с помощью тега<b><a> ...</a>
</b>(от английского <b>a
</b><i>nchor - якорь
</i>).
</p>
<p>Тегупотребляется как для создания ссылки на другой документ, так и для ссылки на фрагмент документа.
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" width="100%" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 506.95pt; border: none; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="676">
<p>Обязательный атрибут:
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>HREF = <i>url
</i>
</p>
</td>
<td style="width: 352.7pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Адрес целевого документа (может быть представлен в абсолютной и относительной форме)
</p>
</td>
</tr><tr style="mso-yfti-irow: 2; height: 21.45pt;"><td style="width: 506.95pt; border: none; padding: 0cm 5.4pt 0cm 5.4pt; height: 21.45pt;" colspan="2" valign="top" width="676">
<p>Основные необязательные атрибуты:
</p>
</td>
</tr><tr style="mso-yfti-irow: 3;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>NAME="<i>имя
</i>"
</p>
</td>
<td style="width: 352.7pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Помечает находящийся между <
</span> A
> и <span>A
<span>> фрагмент документа как возможный объект для ссылки. В качестве значения нужно <b>латиницей
</b> написать любое слово-указатель, уникальное для данного документа. Например, тег <b> Раздел1
</b> создает так называемую метку (закладку) для перехода к разделу 1<b>.
</b> В этом случае можно ссылаться на помеченную область простым указанием ее имени после имени документа (перед именем метки ставится #).
</p>
<p>Так, <b><
</b>
<b>A
</b><b>HREF
="
</b><b>Index
.
</b><b>html
#
</b><b>part
1">К разделу 1
</b><b>A
>
</b><span> отправит вас в раздел "
</span> part
1" файла
Index
.
html
, а <br><b><
</b>
<b>A
</b><b>HREF
="#
</b><b>part
2"> К разделу 2
</b><b>A
> −
</b> в раздел "
part
<span>2" текущего документа при условии, что в документе имеется соответствующая метка
</p>
</td>
</tr><tr style="mso-yfti-irow: 4;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>TARGET = "<i>имя"
</i>
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Имя кадра (фрейма) или окна для вывода целевого документа.
</p>
<p>Этот атрибут используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезервированных имен:
</p>
<p><b>_self
</b><span> - указывает, что определенный в параметре HREF документ должен отображаться в текущем фрейме;<br><b>_parent
</b> - указывает, что документ должен отображаться во фрейме-родителе текущего фрейма (целиком занять окно браузера);
</p>
<p><b>_blank
</b><span> - указывает, что документ должен отображаться в новом окне
</p>
</td>
</tr><tr style="mso-yfti-irow: 5; mso-yfti-lastrow: yes;"><td style="width: 154.25pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="206">
<p>TITLE=
"<i>текст
</i>"
</p>
</td>
<td style="width: 352.7pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="470">
<p>Выводит всплывающую подсказку при наведении указателя мыши на гиперссылку
</p>
</td>
</tr></tbody></table><p>Текст и изображения, размещенные между тегамистановятся активной зоной документа, чувствительной к щелчку мыши, который вызывает загрузку целевого документа. Текст гиперссылки выделяется подчеркиванием и цветами, указанными как значение атрибутов LINK,
</span> A
LINK,
V
<span>LINK тега (либо цветом по умолчанию).
</p>
<h5><span>Гиперссылки-картинки
</span></h5>
<p>Чтобы сделать гиперссылкой целое изображение, также применяется тег <b><a> ...</a>
</b>., только вместо текста (или вместе с текстом) между <b><
</b>
</span><b>A
>
</b> и
<b>A
>
</b><span> располагается тег <
</span> IMG
<span>…> со всеми соответствующими атрибутами.
</p>
<p>Например
, .
</p>
<h5><span>Карта гиперссылок
</span></h5>
<p>Тег позволяет сделать активной зоной текстовый фрагмент или изображение <b>целиком
</b>; для того же, чтобы <b>разные фрагменты
</b> одного изображения ссылались на разные целевые документы, придется использовать тег, реализующий изображение-карту.
</p>
<p>У тега-контейнера единственным обязательным атрибутом является <b>NAME
</b>, значением которого будет имя (например, <b>NAME="
</b>
</span><b>mymap
"
</b><span>, которое должно быть использовано при описании атрибута <b>USEMAP
</b> тега IMG, описывающего изображение, призванного служить картой (при этом к имени карты приписывается слева # − <b>USEMAP ="#
</b>
</span><b>mymap
")
</b></p>
<p>Внутри контейнера каждой чувствительной к перемещению мыши зоне изображения должен соответствовать тег с атрибутами:
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 145.2pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="194">
<p>Синтаксис атрибута
</p>
</td>
<td style="width: 329.45pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="439">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 145.2pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="194">
<p>COORDS = <i>список
</i>
</p>
</td>
<td style="width: 329.45pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="439">
<p>Список через запятую координат активной зоны (зависит от типа заданной формы зоны)
</p>
</td>
</tr><tr style="mso-yfti-irow: 2;"><td style="width: 145.2pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="194">
<p>HREF = <i>url
</i>
</p>
</td>
<td style="width: 329.45pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="439">
</td>
</tr><tr style="mso-yfti-irow: 3;"><td style="width: 145.2pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="194">
<p>SHAPE = <i>форма
</i>
</p>
</td>
<td style="width: 329.45pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="439">
<p>Определяет форму активной зоны. Возможные значения этого атрибута:
</p>
<p><i>circle
</i><span> (окружность – задается координатами центра и радиусом в пикселях);
</p>
<p><i>rect
</i><span> (прямоугольник - задается координатами левого верхнего и правого нижнего угла);
</p>
<p><i>poly
</i><span> (многоугольник - задается координатами своих вершин)
</p>
<p>Координаты во всех случаях отсчитываются от верхнего левого угла изображения в пикселях, ось Х направлена вправо, ось
</span> Y
− вниз.
</p>
</td>
</tr><tr style="mso-yfti-irow: 4; mso-yfti-lastrow: yes;"><td style="width: 145.2pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="194">
<p>NOREF
</p>
</td>
<td style="width: 329.45pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="439">
<p>иногда бывает нужно указать, что данная зона (заданная атрибутом SHAPE и координатами COORDS) не является активной, реакции на щелчок мыши нет
</p>
</td>
</tr></tbody></table><h3>Таблицы
</h3>
<p>Таблицы в HTML-документах используются не столько для того, чтобы располагать данные в обрамленных ячейках, сколько с целью расположения фрагментов текста и изображений друг относительно друга.
</p>
<p>Таблицы в
HTML
<span> строятся построчно. Все табличные данные заключаются в теги
</p>
<p>; описание каждого ряда ячеек (строк) заключается в теги <b>...
</b>; содержимое каждой ячейки заключается в теги <b>...
</b>(обычные ячейки) или <b><T
</b>
</span><b>H
> ...
</b><b>H
>
</b><span> (заголовки)<b>.
</b>
</p>
<p>Таким образом, для описания, например, таблицы из двух строк, каждая из которых содержит по две ячейки, придется создать следующую конструкцию:
</p>
<table class="MsoTableWeb1" style="mso-cellspacing: 2.0pt; mso-yfti-tbllook: 480; mso-table-lspace: 9.0pt; margin-left: 6.75pt; mso-table-rspace: 9.0pt; margin-right: 6.75pt; mso-table-anchor-vertical: paragraph; mso-table-anchor-horizontal: page; mso-table-left: 390.3pt; mso-table-top: -4.75pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;" border="1" cellspacing="3" cellpadding="0" align="left"><tbody><tr style="mso-yfti-irow: -1; mso-yfti-firstrow: yes;"><td style="width: 53.65pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="72">
</td>
<td style="width: 60.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="81">
</td>
</tr><tr style="mso-yfti-irow: 0; mso-yfti-lastrow: yes;"><td style="width: 53.65pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="72">
</td>
<td style="width: 60.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="81">
</td>
</tr></tbody></table>
<p>Ячейки таблицы могут содержать текст, изображения, вложенные таблицы и т.д. Не следует оставлять ячейки таблицы незаполненными; если какая-то ячейка должна выглядеть пустой, поместите в нее неразрывный пробел.
</p>
<p>Помещаемый в ячейки таблицы текст по умолчанию автоматически размещается браузером; текст выводится слово за словом; при достижении правой границы ячейки очередное слово переносится на новую строку.
</p>
<p>Ячейки таблицы могут охватывать несколько строк или столбцов;при описании таких ячеек используется атрибуты ROWSPAN (ячейка, тег которой содержит данный атрибут, "растягивается" на указанное количество строк) и COLSPAN (ячейка "растягивается" на несколько столбцов). Приведем пример организации таблицы с объединенными ячейками:
</p>
<p><
TR
>
</p>
<p><
TD
ROWSPAN=2> 1-1 <span>TD
>
</p>
<table class="MsoTableWeb1" style="mso-cellspacing: 2.0pt; mso-yfti-tbllook: 480; mso-table-lspace: 9.0pt; margin-left: 6.75pt; mso-table-rspace: 9.0pt; margin-right: 6.75pt; mso-table-anchor-vertical: paragraph; mso-table-anchor-horizontal: margin; mso-table-left: right; mso-table-top: 8.65pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt;" border="1" cellspacing="3" cellpadding="0" align="right"><tbody><tr style="mso-yfti-irow: -1; mso-yfti-firstrow: yes;"><td style="width: 33.5pt; padding: 0cm 5.4pt 0cm 5.4pt;" rowspan="2" valign="top" width="45">
</td>
<td style="width: 115.3pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="154">
</td>
</tr><tr style="mso-yfti-irow: 0; mso-yfti-lastrow: yes;"><td style="width: 52.5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="70">
</td>
<td style="width: 60.8pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="81">
</td>
</tr></tbody></table>
<p>Теги, описывающие таблицы, имеют целый ряд необязательных атрибутов.
</p>
<p>Атрибуты тегазадают параметры таблицы в целом:
</p>
<table class="MsoNormalTable" style="margin-left: -7.95pt; border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-row-margin-left: 7.95pt;"><td style="mso-cell-special: placeholder; border: none; border-bottom: solid windowtext 1.0pt;" width="11">
</td>
<td style="width: 161.35pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>Синтаксис атрибута
</p>
</td>
<td style="width: 345.6pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>ALIGN = значение
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Выравнивание относительно текстового потока;возможны значенияleft, right и center
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 2; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>BACKGROUND = <i>url
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Фоновое изображение для всей таблицы
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 3; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>BGCOLOR =<i> цвет
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Фоновый цвет
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 4; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>BORDERCOLOR =
<i>цвет
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Цвет границы
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 5; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>BORDERCOLORDARK
=
<i>цвет
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Окрашивает в заданный цвет правый и нижний край основной рамки и левый и верхний край каждой ячейки
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 6; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>BORDERCOLORLIGHT
=
<i>цвет
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Окрашивает в заданный цвет левый и верхний край основной рамки и соответственно правый и нижний край каждой ячейки
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 7; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>CELLPADDING <i>= значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Расстояние от границ ячейки до ее содержимого в пикселях
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 8; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>CELLSPACING = значение
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Расстояние между ячейками в пикселях
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 9; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>HSPACE = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Свободное пространство слева и справа от таблицы в пикселях
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 10; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>VSPACE = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Свободное пространство сверху и снизу от таблицы в пикселях
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr style="mso-yfti-irow: 11; mso-yfti-lastrow: yes; mso-row-margin-right: 7.95pt;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="215">
<p>WIDTH = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="461">
<p>Ширина таблицы (задается в пикселях или в процентах от текущей ширины окна браузера)
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="11">
</td>
</tr><tr><td style="border: none;" width="11">
</td>
<td style="border: none;" width="205">
</td>
<td style="border: none;" width="11">
</td>
<td style="border: none;" width="450">
</td>
<td style="border: none;" width="11">
</td>
</tr></tbody></table><p>Атрибуты тегазадают параметры данного ряда (при возникновении противоречий атрибуты, заданные в теге, отменяются).
</span><span>Выравнивание содержимого ячеек;возможны значенияleft, right и center
</p>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="6">
</td>
<tr style="mso-yfti-irow: 2; mso-row-margin-right: 4.4pt;"><td style="width: 158.3pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="211">
<p>BACKGROUND = <i>url
</i>
</p>
</td>
<td style="width: 348.65pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="465">
<p>Фоновое изображение для ячеек данного ряда таблицы
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="6">
</td>
</tr><tr style="mso-yfti-irow: 3; mso-row-margin-right: 4.4pt;"><td style="width: 158.3pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="211">
<p>BGCOLOR =<i> цвет
</i>
</p>
</td>
<td style="width: 348.65pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="465">
<p>Фоновый цвет для ячеек данного ряда
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="6">
</td>
</tr><tr style="mso-yfti-irow: 4; mso-row-margin-right: 4.4pt;"><td style="width: 158.3pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="211">
<p>BORDER = <i>значение
</i>
</p>
</td>
<td style="width: 348.65pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="465">
<p>Толщина рамки, обрамляющей ячейки данного ряда;BORDER=0 обозначает невидимую рамку
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="6">
</td>
</tr><tr style="mso-yfti-irow: 5; mso-yfti-lastrow: yes; mso-row-margin-right: 4.4pt;"><td style="width: 158.3pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="211">
<p>VALIGN = <i>значение
</i>
</p>
</td>
<td style="width: 348.65pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" colspan="2" valign="top" width="465">
<p>Вертикальное выравнивание содержимого ячеек;возможны значения top, center и bottom
</p>
</td>
<td style="mso-cell-special: placeholder; border: none; padding: 0cm 0cm 0cm 0cm;" width="6">
</td>
</tr><tr><td style="border: none;" width="6">
</td>
<td style="border: none;" width="205">
</td>
<td style="border: none;" width="6">
</td>
<td style="border: none;" width="459">
</td>
<td style="border: none;" width="6">
</td>
</tr><p>Атрибуты тега задают параметры данной ячейки(при возникновении противоречий атрибуты, заданные в тегах и, отменяются).
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p>Синтаксис атрибута
</p>
</td>
<td style="width: 345.6pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p>Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p>ALIGN = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p>Выравнивание содержимого ячейки; возможны значенияleft, right и center
</p>
</td>
</tr><tr style="mso-yfti-irow: 2;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p>BACKGROUND = <i>ur
</i>
<i>l
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p>Фоновое
изображение
для
ячейки
таблицы
</p>
</td>
</tr><tr style="mso-yfti-irow: 3;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p>BGCOLOR =<i> цвет
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p>Фоновый цвет для ячейки
</p>
</td>
</tr><tr style="mso-yfti-irow: 4;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p>BORDER = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p>Толщина рамки, обрамляющей ячейку
</p>
</td>
</tr><tr style="mso-yfti-irow: 5;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p>VALIGN = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p>Вертикальное выравнивание содержимого ячейки;возможны значения top, center и bottom
</p>
</td>
</tr><tr style="mso-yfti-irow: 6;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p>WIDTH = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Ширина ячейки в пикселях или в процентах от ширины таблицы
</p>
</td>
</tr><tr style="mso-yfti-irow: 7;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">ROWSPAN= <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Указывает количество строк, охватываемых ячейкой
</p>
</td>
</tr><tr style="mso-yfti-irow: 8; mso-yfti-lastrow: yes;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">COLSPAN = <i>значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Указывает количество столбцов, охватываемых ячейкой
</p>
</td>
</tr></tbody></table><p><span lang="RU">При работе с таблицами учтите, что указанное значение атрибута WIDTHво многих случаях лишь "принимается к сведению" браузером. Заданные пропорции в точности выдерживаются редко, браузер старается отобразить таблицу как можно лучше (в его понимании).
</p>
<h3><span lang="RU">Бегущая строка
</span></h3>
<p><span lang="RU">Использование бегущей строки на веб-странице делает ее более динамичной, позволяет создать эффект движения объекта. Создается бегущая строка с помощью тега <
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">MARQUEE
</span><span lang="RU">> … <span style="mso-ansi-language: EN-US;" lang="EN-US">MARQUEE
</span><span lang="RU">>.
</p>
<p><span lang="RU">Между <
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">MARQUEE
</span><span lang="RU">> и <span style="mso-ansi-language: EN-US;" lang="EN-US">MARQUEE
</span><span lang="RU">> могут располагаться текстовые фрагменты и рисунки. Текст может быть отформатирован с помощью соответствующих тегов, а рисунок вставляется с использованием .
</p>
<table class="MsoNormalTable" style="border-collapse: collapse; mso-table-layout-alt: fixed; border: none; mso-border-alt: solid windowtext .5pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext;" border="1" cellspacing="0" cellpadding="0"><tbody><tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">Синтаксис атрибута
</p>
</td>
<td style="width: 345.6pt; border: solid windowtext 1.0pt; border-left: none; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Назначение
</p>
</td>
</tr><tr style="mso-yfti-irow: 1;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">BGCOLOR
</span><span lang="RU">=<i>цвет
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Фоновый цвет. Если фон задан, то браузер рисует на экране цветную полосу, вдоль которой движется текст или картинка.
</p>
</td>
</tr><tr style="mso-yfti-irow: 2;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">HEIGHT
</span><span lang="RU">=<i> значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Высота фоновой полосы. Значение указывается в пикселях или в процентах от высоты окна браузера.
</p>
<p><span lang="RU">Например, если указать атрибут HEIGHT=25%, то полоса бегущей строки будет занимать четверть высоты окна
</p>
</td>
</tr><tr style="mso-yfti-irow: 3;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">WIDTH =
</span><i><span lang="RU">значение
</span>
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Ширина полосы бегущей строки, указывается в пикселях или в процентах от ширины окна браузера
</p>
</td>
</tr><tr style="mso-yfti-irow: 4;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">DIRECTION=
</span><i><span lang="RU"> значение
</span>
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Направление движения строки:
</span><b><span style="mso-ansi-language: EN-US;" lang="EN-US">left
</span>
</b><span lang="RU">− налево (по умолчанию),
</span><b><span style="mso-ansi-language: EN-US;" lang="EN-US">right
</span>
</b><span lang="RU">− направо,
</span><b><span style="mso-ansi-language: EN-US;" lang="EN-US">up
</span>
</b><span lang="RU">− вверх,
</span><b><span style="mso-ansi-language: EN-US;" lang="EN-US">down
</span>
</b><span lang="RU"> − вниз
</p>
</td>
</tr><tr style="mso-yfti-irow: 5;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">BEHAVIOR
</span><span lang="RU">=<i> значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Атрибут управляет поведением бегущей строки:
</p>
<p><b><span style="mso-ansi-language: EN-US;" lang="EN-US">scroll
</span>
</b><span lang="RU"> (по умолчанию) − дойдя до края окна, строка уходит из поля зрения, а затем появляется с противоположной стороны;
</p>
<p><b><span style="mso-ansi-language: EN-US;" lang="EN-US">slide
</span>
</b><span lang="RU">− строка появляется из-за края окна, достигает противоположного и останавливается;
</p>
<p><b><span style="mso-ansi-language: EN-US;" lang="EN-US">alternate
</span>
</b><span lang="RU">− строка движется вправо или влево, «отражаясь» от краев окна и меняя направление движения
</p>
</td>
</tr><tr style="mso-yfti-irow: 6;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">HSPACE
</span><span lang="RU"> = <i>смещение в пикселях
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Сдвиг полосы бегущей строки по горизонтали вправо
</p>
</td>
</tr><tr style="mso-yfti-irow: 7;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">VSPACE
</span><span lang="RU"> = <i>вы
</i>
</span><i><span style="mso-ansi-language: EN-US;" lang="EN-US">co
</span><span lang="RU">т
</span>
</i><i><span style="mso-ansi-language: EN-US;" lang="EN-US">a
</span><span lang="RU"> в пикселях
</span>
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Создание пустого пространства выше и ниже полосы
</p>
</td>
</tr><tr style="mso-yfti-irow: 8;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">LOOP
</span><span lang="RU">=<i> значение
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Количество переходов строки по экрану
</p>
</td>
</tr><tr style="mso-yfti-irow: 9;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">SCROOLAMOUNT
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">=
</span><i><span lang="RU">значение
</span>
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Число пикселей, которые проходит строка за каждый шаг. Режим по умолчанию соответствует примерно 10 пкс/шаг. Данный атрибут позволяет регулировать скорость движения строки
</p>
</td>
</tr><tr style="mso-yfti-irow: 10;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span style="mso-ansi-language: EN-US;" lang="EN-US">SCROLLDELAY =
</span><i><span lang="RU"> значение
</span>
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Определяет временной интервал (в миллисекундах) между шагами, с помощью этого атрибута можно заставить строку двигаться рывками
</p>
</td>
</tr><tr style="mso-yfti-irow: 11; mso-yfti-lastrow: yes;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">TRUESPEED
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">При установке этого флага (атрибута без значения) будет использовано заданное значение SCROLLDELAY. Если флаг не установлен значение SCROLLDELAY <= 59 будет округлено до 60
</p>
</td>
</tr></tbody></table><h3><span lang="RU">Горизонтальная линия
</span></h3>
<p><span lang="RU">Горизонтальная линия задается тэгом <H
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">R
</span><span lang="RU">> и не требует закрывающего тэга. По умолчанию линия проводится по всей ширине страницы и выглядит примерно так:
</p>
<p><span lang="RU">
</span><span lang="RU">Определяет длину линии в пикселях или процентах от ширины окна браузера
</p>
<tr style="mso-yfti-irow: 2;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">SIZE
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">=
</span><i><span lang="RU"> значение
</span>
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Определяет толщину линии в пикселях
</p>
</td>
</tr><tr style="mso-yfti-irow: 3;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">ALIGN
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">=
</span><i><span lang="RU"> значение
</span>
</i></p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:
</p>
<p><b><span lang="RU">left
</span>
</b><span lang="RU"> - по левому краю,
</p>
<p><b><span lang="RU">right
</span>
</b><span lang="RU"> - по правому краю,
</p>
<p><b><span lang="RU">center
</span>
</b><span lang="RU"> - по центру (используется по умолчанию)
</p>
</td>
</tr><tr style="mso-yfti-irow: 4;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">NOSHADE
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной
</p>
</td>
</tr><tr style="mso-yfti-irow: 5; mso-yfti-lastrow: yes;"><td style="width: 161.35pt; border: solid windowtext 1.0pt; border-top: none; mso-border-top-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="215">
<p><span lang="RU">COLOR = <i>цвет
</i>
</p>
</td>
<td style="width: 345.6pt; border-top: none; border-left: none; border-bottom: solid windowtext 1.0pt; border-right: solid windowtext 1.0pt; mso-border-top-alt: solid windowtext .5pt; mso-border-left-alt: solid windowtext .5pt; mso-border-alt: solid windowtext .5pt; padding: 0cm 5.4pt 0cm 5.4pt;" valign="top" width="461">
<p><span lang="RU">Определяет цвет линии (действует только в
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">Internet
</span><span style="mso-ansi-language: EN-US;" lang="EN-US">Explorer
</span><span lang="RU">)
</p>
</td>
</tr>
<p>Язык
<b>HTML
</b>(Hyper
Text
Markup
Language)
- язык гипертекстовой
разметки документа, служит для написания
Web-сайтов.
Язык HTML
позволяет:</p><ul><p>создавать
и редактировать Web-сайты,
в том числе домашнюю
Web-страницу,
которую можно затем разместить в
Интернете;</p><p>редактировать
документы HTML,
полученные из Интернета,
так
чтобы функционировали все внедренные
в документ объекты
(картинки, анимации
и т.д.);</p><p>создавать
мультимедийные презентации, слайд-шоу,
демонстрационные
проекты, благодаря гипертекстовым
ссылкам и возможности
вставлять в документ
HTML
рисунки, диаграммы, анимации,
видеоклипы, музыкальное
и речевое сопровождение, текстовые
спецэффекты (например, бегущая строка).</p>
</ul><h2>Основные понятия языка html</h2><p><b>Элемент
</b>-
это конструкция языка HTML,
или контейнер, содержащий
данные.</p><p><b>Web
</b><b>-страница
</b>представляет
собой набор элементов.</p><p><b>Тег
</b>(Tag)
- это стартовый и конечный маркеры
элемента. Теги
определяют
границы действия элементов и отделяют
элементы друг от друга. Теги заключаются
в угловые скобки, например: <b><
</b><b>HTML
</b><b>>.
</b>Конечный
тег, если он предусмотрен синтаксисом
языка, снабжается
косой чертой: <b></
</b><b>HTML
</b><b>>
</b>.</p><p><b>Фрейм
</b>(Frame)
- область гипертекстового документа
со своими полосами
прокрутки. Фреймы позволяют разбивать
страницы Hi
прямоугольные
области, в каждой из которых отображается
свои собственная
страница. Вы можете разместить один или
несколько</p><p>фреймов
на странице (такая страница называется
страницей фреймов или фреймсет
(frameset)).</p><p><b>Форма
</b>(Form)
- область гипертекстового документа,
которая необходима для организации
обратной связи с посетителями сайта.</p><p><b>Апплет
</b>(Applet)
- небольшая прикладная программа,
передаваемая
на компьютер клиента в виде отдельного
файла и запускаемая при просмотре
Web-страницы.</p><p><b>Скрипт
</b>(Script)
- программа, включенная в состав
Web-страницы
для расширения ее возможностей.</p><p><b>Размещение
</b>(UpLoad)
- копирование документа с компьютера
клиента
на Web-сервер
- используется при создании собственной
Web-страницы
(т.е. при ее опубликовании).</p><p><b>Пиксел
</b>(Pixel)
- наименьшая цветная точка экрана
монитора.</p><h2>Общая структура простейшего документа html</h2><p>Общая
структура простейшего документа HTML
такова:</p><p><<b>COMMENT>
</b> Koмментарий<b></COMMENT
</b>></p><p><b><HTML>
</b></p><p><b><HEAD>
</b></p><p><b><
</b><b>TITLE
</b><b>>
</b>Название
документа<b></ТП
</b><b>L
</b><b>Е
</b>></p><p><b></
</b><b>HEAD
</b><b>>
</b></p><p><b><
</b><b>BODY
</b><b>>
</b></p><p>Здесь
расположен текст самого документа HTML.</p><p><b></
</b><b>BODY
</b><b>>
</b></p><p><b></
</b><b>HTML
</b><b>>
</b></p><p>Дадим
пояснения указанным тегам документа
HTML.</p><p><b><
</b><b>COMMENT
</b><b>>
</b>-
комментарий к документу. Не является
обязательным.</p><p><b><
</b><b>HTML
</b><b>>
</b>-
идентификатор всего блока HTML-команд.</p><p><b><
</b><b>HEAD
</b><b>>
</b>-
идентификатор заголовка документа
<b>HTML
</b><b>.
</b></p><p><b><
</b><b>TITLE
</b><b>>
</b>-
идентификатор заголовка окна просмотра.</p><p><b><
</b><b>BODY
</b><b>>
</b>-
идентификатор <b>HTML
</b><b>-команд
</b>
документа для просмотра.</p><p>Три
основных тега <b><
</b><b>HTML
</b><b>>,
<
</b><b>HEAD
</b><b>>
</b>и
<b><
</b><b>BODY
</b><b>>
</b>передают
броузеру
основную информацию для идентификации
и <b>организа
</b><b>ции
</b>документа.</p><p>Все
указанные теги - парные, т.е. каждый из
них заканчивается конечным
тегом с косой чертой. Все команды можно
писать как с маленькой, так и с
большой буквы.</p><p><b><МЕТА>
</b>
- непарный тег применяется для указания
подробной информации
о документе.</p>
<p>HTML (от англ. HyperText Markup Language - «язык разметки гипертекста») стандартный язык разметки документов в Интернете. Он был разработан британским учёным Тимом Бернерсом-Ли в 1989-1991 годах и создавался как язык обмена научной и технической документацией.</p>
<p>Гипертекстовые документы (HTML-страницы) интерпретируются браузером клиента в удобное для них представление, которое позволяет просматривать различного вида информацию (текст, графика). С помощью средств форматирования HTML можно составить сложную иерархическую структуру из HTML-страниц.</p>
<p>HTML – теговый язык разметки. Любой документ на этом языке представляет собой набор элементов, причем начало и конец каждого элемента обозначается тегами – специальными пометками. Элементы могут быть пустыми, вложенными и иметь атрибуты, определяющие какие-либо их свойства. Кроме элементов в HTML-документах есть сущности – специальные символы, начинающиеся с амперсанта.</p>
<p>Одним из принципов языка HTML является многоуровневое вложение элементов. Самым внешним элементом является <HTML> </HTML>, так как между его начальным и конечным тегами должна находится вся web-страница. Текст документа состоит из элементов: заголовок и тело, которые выделяются соответствующими тэгами: <head> и <body>. В заголовке содержится служебная информация, не показываемая на странице – например, ключевые слова для поисковых машин или подключаются скрипты. Размещение информации в заголовке желательно, но не обязательно. Внутри <head> и </head> расположены тэги <title>, обозначающие заголовок браузера. Тело – это часть, в которую помещается содержимое документа. Она включает предназначенный для отображения текст и тэги, которые используются браузером. Тэги содержат информацию о способе отображения текста. С помощью тэгов, кроме этого создаются ссылки на файлы, содержащие дополнительные данные, и обозначают точки привязки, посредством которых документы связываются с другими документами.
Для перехода от одного документа к другому используются гиперссылки. Гиперссылка – это фрагмент текста или изображение, которое является указателем на другой документ или объект. Связывание страниц осуществляется при помощи разметки HTML. С помощью тега создается ссылка, которая указывает на какой-либо адрес в сети, который задаётся внутри тега. Эти адреса называются универсальными указателями ресурсов (URL).
Графические и мультимедийные элементы в HTML-документ не встраиваются, а только указываются в разметке их местоположение, сами эти элементы находятся отдельно.
Язык HTML даёт нам широчайшую основу для творчества и разработки сайтов, возможности которой мы можем значительно увеличить с помощью динамического HTML или JavaScript.
Описание языка PHP
PHP (Hypertext Preprocessor, первоначально Personal Home Pages – означает «Препроцессор Гипертекста») – это широко используемый язык сценариев общего назначения с открытым исходным кодом. Это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на web-сервере.
PHP позволяет создавать качественные web-приложения за короткие сроки, получая продукты, легко модифицируемые и поддерживаемые в будущем. PHP прост для освоения, и вместе с тем способен удовлетворить запросы профессиональных программистов. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических веб-сайтов.
Благодаря этому языку появляется возможность легко создавать динамические сайты. Файлы, созданные таким образом, хранятся и обрабатываются на сервере. Когда посетитель запрашивает документ с РНР, скрипт обрабатывается не браузером посетителя, как, например, JavaScript, а сервером, и посетителю передаются только результаты работы. Точно так же работает CGI – программа, написанная на С или Perl. Но в отличие от CGI код PHP-программы можно встраивать в любое место HTML-страницы, что является основным преимуществом.
Синтаксис PHP подобен синтаксису языка Си. Некоторые элементы, такие как ассоциативные массивы и цикл foreach, заимствованы из Perl. PHP можно разделить на язык и библиотеку функций. Существует большое количество инструментальных средств для РНР, интерфейсы ко всем популярным СУБД (системам управления базами данных), почтовым протоколам, разделяемой памяти, графическим файлам, архивам и множество других инструментов.
Преимущество PHP в том, что можно встраивать свою программу в готовую HTML-страницу с помощью открывающих и закрывающих тегов, которая затем выполняется сервером, а клиенту передаются результаты работы.
Ещё одно преимущество делает PHP особенно популярным - он распространяется бесплатно. Причем, с открытыми исходными кодами (Open Source). На PHP написано огромное количество сценариев различной сложности и ориентации, которые в основном, также распространяются бесплатно.
Основным недостатком РНР, является то, что по своей идеологии РНР изначально был ориентирован на написание небольших скриптов. Несмотря на то, что ядро несколько раз переписывалось, РНР не пригоден для использования в сложных проектах – при исполнении больших скриптов производительность системы резко падает.
К тому же, РНР является псевдокомпилируемым языком и вследствие этого не может сравниться по скорости с компилируемым С. Однако при написании небольших программ, когда весь проект состоит из многих небольших страниц с кодом, вступают в силу накладные расходы на загрузку в память и вызов CGI-программы, написанной на С.
Описание языка CSS
CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) – формальный язык описания и оформления внешнего вида документа, появившийся в следствии развития HTML.
Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS).
Таблицу стилей нужно написать всего один раз при создании сайта для каждого из устройств, на котором планируется вывод информации. К тому же таблица стилей может быть единой для целого сайта. И, следовательно, не нужно будет повторять одни и те же описания стилей на каждой из страниц.
Размещение всей стилевой информации в одном внешнем файле открывает и другие полезные возможности – изменив содержимое только одного стилевого файла, можно сменить весь дизайн сайта. Причем никаких других изменений не понадобится.
Использование CSS может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода.
Базовые конструкции языка HTML.
HTML (HyperText Markup Language, язык гипертекстовой разметки) - специальные инструкции браузеру, с помощью которых создаются Веб-страницы.
Т. е. Web-страницы - это документы в формате HTML, содержащие текст и специальные тэги (дескрипторы) HTML. По большому счету тэги HTML необходимы для форматирования текста (т. е. придания ему нужного вида), который "понимает" браузер. Документы HTML хранятся в виде файлов с расширением. htm или. html.
Тэги HTML сообщают браузеру информацию о структуре и особенностях форматирования Веб-страницы. Каждый тэг содержит определенную инструкцию и заключается в угловые скобки <>. Большинство тэгов состоят из открывающей и закрывающей частей и воздействуют на текст, заключенный внутри.
Для более быстрого знакомства с HTML-кодом можно просматривать понравившуюся вам страницу в режиме "В виде HTML". Для этого в браузере надо выбрать пункт меню "Вид" - "В виде HTML".
После этого откроется новое окно с исходным текстом HTML-кода. Просматривая готовый код HTML, вы узнаете, как тэги языка применяются более опытными программистами. Кроме того, это один из способов преодоления различных проблем, возникающих время от времени.
Как создаются Web-страницы
Язык HTML определяет набор специальных команд, называемых тегами и используемых для задания форматирования или назначения тех или иных элементов Web-страницы. Особые теги используются для размещения на Web-страницах графических изображений, аудио - и видеоклипов и прочих так называемых внедренных объектов.
Несмотря на кажущуюся сложность, Web-страницы не представляют собой ничего сложного. Это обычные текстовые файлы, созданные в стандартном Блокноте или аналогичном простейшем текстовом редакторе. И содержат они текст, тот самый текст, который вы хотите поместить на страницы, только размеченный особым образом...
Язык гипер-текстовой разметки HTML очень прост в освоении. Его изучение можно сравнить с изучением какого либо лингвистического языка. Если, например в основной единицей является, слово, то в HTML этой минимальной единицей является тег. По существу это есть команды языка разметки веб-страниц html. Любая web-страница, любой сайт состоит из текста, графики и т. д. И все эти радости контролируют маленткие и незаметные тэги. Теги - это то, благодаря чему текст и картинки вместо бессмысленного месива представляют из себя жестко структурированную конструкцию. Именно благодаря тегам текст на сайте радует посетителя разнообразием размеров и цветов, именно теги позволяют чудесным рисункам стоять на предназначенном для них месте при любом разрешении экрана и размере окна браузера. Возможности тегов безграничны, их количество огромно
Строгое определение: Тег - элемент HTML, представляющий из себя текст, заключенный в угловые скобки <>. Тег является активным элементом, изменяющим представление следующей за ним информации. Тег может иметь некоторое количество атрибутов. Обычно используются два тега - открывающий и закрывающий.
Любой HTML документ, который передается браузеру, должен состоять из некоторых обязательных частей:
каждый документ должен начинаться со строки, которая говорит о том, к какой версии стандарта HTML соответствует данный документ (в нашем случае мы используем HTML 4.01); дальше обязательно должен присутствовать корневой тег и в конце документа он должен обязательно закрыться ; Далее должен присутствовать тег . Он служит неким контейнером для служедных тегов, скриптов и т. д., в общем необходим для хранения служебной информации; И последнее это тег , внутри которого хранится вся та информация которая будет выводиться непосредственно на страницу.
Таким образом структура простого HTML документа выглядит примерно так:
Структура HTML документа
- Начало документа
ЗАГОЛОВОК ДОКУМЕНТА
ТЕЛО ДОКУМЕНТА
- Конец документа
Элементы HTML
Большинство, но не все теги HTML спарены так, что за открывающим тегом следует соответствующий закрывающий тег, а между ними содержится текст или другие теги, например:
Foreword<⁄H1>
В таких случаях два тега и часть документа, отделенная ими, образуют блок, называемый HTML элементом. Некоторые теги, например
, являются элементами HTML сами по себе, и для них соответствующий конечный тег неверен. Далее мы будем называть теги по их именам, опуская обязательные угловые скобки.
Атрибуты
Для каждого тега определяется множество возможных атрибутов. Большинство тегов допускает один или несколько атрибутов, однако атрибутов может и совсем не быть. Спецификация атрибута состоит из расположенных в следующем порядке:
имени атрибута, например WIDTH знак равенства (=) значения атрибута, которое задается строкой символов, например, "80".
Всегда полезно заключить значение атрибута в кавычки, используя либо одинарные ("80"), либо двойные кавычки ("80"). Строка в кавычках не должна содержать такие же кавычки внутри себя. Так, если дата заключена в двойные кавычки, используйте одинарные кавычки для последующего заключения в кавычки, и наоборот. Предпочтительно использование двойных кавычек, так как для глаза человека бывает трудно отличить одинарные кавычки от символов, подобных символам акцентирования.
Вы можете также опустить кавычки для значений атрибутов, которые состоят только из следующих символов (обратитесь к технической концепции имени):
символов английского (A - Z, a - z) цифр (0 - 9) промежутков времени дефисов (-)
Таким образом, WIDTH=80 и ALIGN=CENTER - разрешенное сокращение для WIDTH="80" и ALIGN="CENTER". Ссылка на URL, например, HREF=foo. htm, допустима, однако, когда URL используется с атрибутами, он должен быть закавычен, например HREF="http://www. hut. fi/". Существуют некоторые броузеры, которые допускают отсутствие кавычек или наличие элементов с открывающими кавычками без закрывающих. Однако, такую практику лучше не применять.
Создание абзаца, символов пробела, заголовка
Веб-браузеры обычно не принимают во внимание те символы перевода строки, которые вносятся в текст пользователем на этапе ее формирования. Для начала нового абзаца служит тэг (тег)
После открытия страницы в окне Веб-браузера все абзацы ее текста, помеченные тэгом (тегом)
Разделяются пустыми строками, что улучшает ее компоновку и внешний вид.
По умолчанию браузер обычно форматирует абзац с выравниванием по левому полю. Для принудительного выравнивания служит атрибут align. С его помощью абзацы могут быть выровнены влево, вправо, по центру и по ширине.
Пример:
|
абзац выровнен влево...
абзац выровнен вправо...
абзац выровнен по центру...
абзац выровнен по ширине...
| Отображение в браузере:
абзац выровнен влево абзац выровнен влево абзац выровнен влево абзац выровнен влево абзац выровнен влево абзац выровнен влево абзац выровнен влево абзац выровнен влево абзац выровнен влево абзац выровнен влево
абзац выровнен вправо абзац выровнен вправо абзац выровнен вправо абзац выровнен вправо абзац выровнен вправо абзац выровнен вправо абзац выровнен вправо абзац выровнен вправо абзац выровнен вправо
абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру абзац выровнен по центру
абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине абзац выровнен по ширине
|
Веб-браузеры автоматически переносят текст внутри абзацев на новую строку. Если стоит задача размещения какого-либо сочетания слов в одной строке, то для этой цели используется тэг (тег) .
Для перехода к новой строке используется тэг (тег)
. Он сообщает браузеру, что следует прекратить размещение текста и других элементов страницы в пределах текущей строки и перейти к новой строке. Этот тэг (тег) не имеет своего двойника с косой чертой, так называемого закрывающего тэга (тег).
Основное использование этого тэга (тега) - для принудительного размещения встроенных элементов в определенном месте страницы. Он удобен, также, в тех случаях, когда необходимо увеличить пустые области между отдельными элементами страницы.
Веб-браузеры обычно игнорируют дополнительные символы пробела, введенные в текст страницы. Для этого используется команда . Эта команда создает неделимое пустое пространство между элементами страницы, будь то графика или текст. Следует учитывать тот факт, что использование вместо пробела между двумя соседними словами гарантирует, что оба слова не будут разнесены по разным строкам в окне браузера - они будут расположены всегда рядом.
