- •Значения флагов разметки документа
- •Vlink - цвет ссылки, уже посещенной в прошлом
- •Vspace - вертикальный отступ
- •Vlink - (visited links color) задает цвет для ранее выбранных ссылок.
- •Верстка таблиц
- •Рамки (фреймы)
- •Расположение рамок примера
- •Картрированные изображения
- •Пример карты на изображении
- •Специальные символы и комментарии
- •Специальные символы
- •Советы по разработке и размещению html - страниц
- •Типовые ошибки html
Vspace - вертикальный отступ
ALT - альтернативный текст, служит для обозначения изображения
Команды, служащие для гиперсвязи с другими HTML-документами и рессурсами Интернет
<A HREF="fail.htm"> и </A> или <A HREF="http://www.ru"> и </A> - гиперсвязи
<ADDRESS><A HREF=mailto:person@firm.ru> person@firm.ru</ADDRESS> - гиперсвязь с адресом электронной почты
Таблицы
Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста
<TABLE> и </TABLE> Флаги для вставки таблицы в HTML документ
Параметры флага <TABLE>
BGCOLOR - цвет фона
BORDER - ширина бордюра
WIDHT - ширина таблицы
Флаги разметки таблицы
<CAPTION> и </CAPTION> - название таблицы, имеет параметр ALIGN=TOP - выравнивание над таблицей и ALIGN=BOTTOM - под таблицей.
<TR> и </TR> Строчка таблицы. Может иметь параметры BGCOLOR - цвет фона внутри строки; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание внутри строки таблицы.
<TD> и </TD> Столбец таблицы. Может иметь параметры BGCOLOR - цвет фона под столбцом; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN растягивание клетки на несколько столбцов, ROWSPAN - растягивание клетки на несколько строк.
<TH> и </TH> Заголовок столбца. Может иметь параметры BGCOLOR - цвет фона под названием; ALIGN=LEFT, RIGHT, CENTER - выравнивание; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN, ROWSPAN - растягивание клетки на несколько столбцов или строк; WIDHT - ширина названия.
Рамки-фреймы
Рамки-фреймы - средство для разделения экрана на несколько областей, в каждой из которых отображается содержимое отдельной Web-странички или даже целого Web-сайта.
<FRAMESET> и </FRAMESET> Флаги для создания рамки
Параметры флага <FRAMESET>
COLS - подразделяют экран на опредленное количество колонок (вертикальных)
ROWS - подразделяют экран на опредленное количество колонок (горизонтальных)
BORDCOLOR - цвет рамки
BORDER - ширина бордюра
FRAMEBORDER - граница рамки (FRAMEBORDER=YES - есть граница, FRAMEBORDER=NO - нет границы,
FRAMESPACING=n - ширина границы)
<FRAME> Флаг для описания рамки (<FRAME SRC="file.htm">).
Параметры флага <FRAME>
SCROLING - параметр для регулировки полосы прокрутки:
SCROLING=YES - полоса прокрутки будет всегда
SCROLING=NO - полосы прокрутки не будет
SCROLING=AUTO - полоса прокрутки появляется только в случае необходимости
MARGINWIDHT и MARGINHEIGHT - параметры, которые управляют отступом внутри рамок, служат для выравнивания графического изображения внутри рамки
NORESIZE - параметр, указвающий на то, что размер рамки-фрейма никогда не будет меняться.
A link to <A HREF="file.htm" TARGET="frame2"> file.htm</A> - Связь между фреймами
TARGET - атрибут связи между фреймами. Имеет несколько значений:
_BLANK загружает содержимое страницы, заданной ссылкой, в новое пустое окно.
_SELF содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку.
_PARENT загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным владельцем набора фреймов.
_TOP содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы.
Обработка браузеров, не поддерживающих фреймы:
<FRAMESET>
...Здесь располагаются фреймы
</FRAMESET>
<NOFRAMES>
<BODY>
...Здесь располагается текст без фреймов
<BODY>
</NOFRAMES>
В секции, предназначенной для тех пользователей, которые "не видят" рамки, можно расположить какой-нибудь пояснительный текст.
Бегущая строка
<MARQUEE>ТЕКСТ</MARQUEE> - Флаг, создающий бегущую строку
<MARQUEE DIRECTION=left>TEKCT</MARQUEE> - Если бегущую строку нужно направить справа налево
<MARQUEE DIRECTION=right>TEKCT</MARQUEE> - движение слева направо.
scroll - стандартное движение от правого края к левому
slide - надпись один раз пробегает от правого края к левому, где и остается.
alternate - движение от правого края страницы к левому и обратно. Бесконечный цикл.
<MARQUEE LOOP=n BEHAVIOR=scroll>TEKCT</MARQUEE> - Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла.
<MARQUEE WIDHT=n>TEKCT</MARQUEE> - указать ширину участка, занимаемого бегущей строкой, где n - ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы.
<MARQUEE scrollamount=n>TEKCT</MARQUEE> - Регулировка движения надписи по экрану. Здесь n - число пикселей.
<MARQUEE scrolldelay=t>TEKCT</MARQUEE> В данном случае переменная величина - время t - измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново.
<FONTSIZE=n><MARQUEE> ТЕКСТ</MARQUEE></FONT> - возможность указывать величину шрифта текста в строке.
<MARQUEE BGCOLOR=n> ТЕКСТ </MARQUEE> - окрасить поверхность бегущей строки в какой-либо цвет, где n, как это бывало и раньше, можно указать в вид шестнадцатеричного числа либо написав его название
<MARQUEE HEIGHT=n>ТЕКСТ</MARQUEE> - указать высоту бегущей строки, задавая величину n в пикселях
Начиная писать html-документ, имеет смысл идентифицировать его как таковой. Такая идентификация достигается путем вставления в самое начало документа тегов <!doctype html public ``-//w3c//dtd html 3.2//en''> и <html> (соответственно, в конец документа, закрывающего тега </html>; никогда не забывайте закрывать скобки!). Тег doctype является тегом языка sgml и объявляет, что документ будет описан в соответствии со спецификацией html 3.2. Тег html указывает на начало документа. Теперь пора подумать об информационном наполнении. Начнем, естественно, с заголовка. Заголовок html-файла находится в обязательной секции <head>, которая должна находиться в самом начале, то есть сразу после тега <html>. Оформляется заголовок с помощью тега <title>. Назовем наш документ ``the first homepage''. Ниже приведен листинг получившегося html-документа:
<html>
<head>
<title>the first homepage</title>
</head>
</html>
Попробуем просмотреть этот файл с помощью какой-нибудь программы просмотра, например, navigator фирмы netscape communications corp. После загрузки экран программы остался пустым. ``А где же заголовок?'',- спросит возмущенный читатель. Присмотритесь повнимательней к ЗАГОЛОВКУ ОКНА программы просмотра в оконной системе и убедитесь, что заголовок отображен именно там. Тег <title> позволяет задавать название для всего документа. Это название будет появляться в заголовке окна программы просмотра, а также будет появляться в списке закладок (bookmarks, shortcuts в различных терминологиях) при создании таковых.
Другими элементами секции <head>...</head> являются:
<base параметры> - тег для указания url документа. Тег имеет такие параметры:
href - указывает базовый url для документа. Замечание: url должен быть указан в полной форме.
target - указывает окно для отображения документов, на которые ссылается данный документ.
<style> - тег, зарезервированный для использования в будущем для так называемых ``стилей'' (stylesheets). Точный синтаксис тега пока недокументирован.
<meta параметры> - тег, который теоретически должен использоваться для включения в документ некой специфичной информации для программ-индексаторов, каталогизаторов и т. д. Кроме того, у него есть несколько полезных параметров, позволяющих страницам сменять друг друга по прошествии определенных промежутков времени. Тег имеет следующие параметры:
http-equiv=``refresh'' - указывает программе просмотра, что нужно перепрыгнуть на страничку, указанную в параметре content по прошествии указанного там же промежутка времени.
content=``number; url=url'' - задает временной интервал number и url для команды http-equiv=``refresh''.
name=``description'' или name=``keywords'' - указывает серверу, как интерпретировать параметр content - как описание документа или как список ключевых слов.
content=``text или список значений'' - это не опечатка. У параметра content два смысла: один для команды http-equiv=``refresh'', другой для команды name. В последнем случае значение параметра определяет либо описание документа (если параметр name=``description''), либо список разделенных запятыми ключевых слов (если параметр name=``keywords'').
Теперь перейдем к оформлению содержимого документа. В терминах html содержимое документа называется его ТЕЛОМ, или по-английски - body. Именно так и называется тег, в поле действия которого находится все содержимое (то есть, оно заключено между внутри тега <body>...</body>). Тег <body>...</body> может содержать дополнительные параметры, позволяющие изменить цвета, используемые в документе или назначить фоновую картинку:
bgcolor - определяет цвет фона документа. Цвет может быть задан как rgb-триплет (например, bgcolor="#ffffff"-белый цвет), или быть одним из предопределенных символьных имен:
aqua black blue fuch
gray green lome maroon
navy olive purple red
silver teal white yellow
background - позволяет задать фоновую картинку для документа. Картинка будет размножена (tiled) и покроет всю видимую площадь области отображения окна программы просмотра.
text - задает цвет текста документа. Цвет задается так же как и для параметра bgcolor.
link - задает цвет для текста и рамок изображений в активных зонах документа, содержащих ссылки (anchors).
