Index — индексация разрешена;
noindex — индексация запрещена;
follow — разрешено переходить по ссылкам, которые находятся на этой веб-странице;
nofollow —запрещено переходить по ссылкам;
all — комбинация indexплюс follow;
none — комбинация noindexплюс nofollow.
Примеры:
Индексация и переход по ссылкам разрешены:
<meta name="robots" content="index, follow">
Индексация разрешена, а переход по ссылкам запрещен:
<meta name="robots" content="index, nofollow">
Индексация и переход по ссылкам запрещены:
<meta name="robots" content="noindex , nofollow">
С помощью тега <meta>устанавливается кодировка текста:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"
meta http-equiv= "Content-Type" content="text/html; charset=windows-1251">
Для автоматической перезагрузки страницы через заданный промежуток времени используется свойство refresh:
<meta http - equiv = "refresh" content = "30">
В этом примере страница будет перезагружена через 30 секунд. Если необходимо перенаправить пользователя на другую страницу, то указывается URL-адрес страницы:
<meta http - equiv = "refresh" content = "30, http://www.microsoft.com">
Здесь указано, что спустя 30 секунд произойдет перезагрузка страницы по указанному адресу.
Автоматическую периодическую перезагрузку документа обычно устанавливают в случиях часто обновляемых данных (котировки акций на фондовом рынке, например).
Для управления частотой индексации документа поисковыми серверами используется параметр document-state.
<meta nane = "document-state" content = "static">
Где, static — документ статичен, т.е. не меняется, и следовательно, индексировать его нужно только один раз.
<meta name = "document-state" content = "dynamic">
Где, dynamic — значение для часто изменяющихся документов, которые нужно реиндексировать.
<meta name= "resource-type" content = "document"> — определяет тип ресурса. Для обычных HTML-документов значение этогго параметра устанавливается равным "document".
<meta name= "updated" content = "29.06.09">— определяет дату обновления страницы.
<meta name= "URL" lang = "ru" content = "http://sevidi.narod.ru">— определяет какой документ следует индексировать (чтобы не обрабатывать зеркала). Где URL— базовый URL-адрес.
<meta name= "AUTHOR" content = "имя автора">— определяет имя автора данного документа.
Тег base
В HTML-документах обычно используются относительные ссылки на ресурсы. Например, в ссылке нередко приводится только имя файла. В этом случае предполагается, что его местоположение совпадает с расположением документа, из которого этот файл вызывается. Однако можно явно указать базовый URL-адрес, который будет использоваться во всех случаях применения относительных ссылок. Это делается с помощью тега<base> с атрибутом href, значением которого является базовый URL-адрес:
<base href = "URL-адрес">
Пример:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Использование тега <base></title> <base href="http://sevidi.narod.ru/images/"> </head>
<body> <img src="sv1.gif"> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
В этом примере графическое изображение имеет относительную ссылку (просто имя файла). Если базовый URL-адрес не был бы указан, то браузер искал бы файл sv1.gif в той же папке, где расположен HTML-документ со ссылкой на него. Поскольку базовый URL-адрес задан, то браузер будет искать файл в папке imagesна узле http://sevidi.narod.ru.
При указании в теге <base> базового URL-адреса относительные ссылки продолжают работать, даже если вы переместите HTML-документ в другую папку. Это обеспечивает определенные удобства с локальной версией HTML-документа в условиях, когда компьютер подключен к сети.
Тег link
Тег <link> предназначен для обозначения связей между документами в больших и сложных по своей структуре узлах. Атрибут href содержит ссылку на другой документ, связанный с текущим. Адрес может быть абсолютным или относительным. Атрибут rel указывает отношения между документами:
home — расположение домашней страницы веб-узла;
next — расположение следующего документа серии, связанного с текущим;
previous — расположение предыдущего документа серии, связанного с текущим;
up — расположение следующего документа вверх по иерархии;
copyright — расположение документа с информацией об авторских правах для данного веб-узла;
stylesheet — расположение файла с таблицей стилей.
Используются также и другие значения для атрибута rel: glossary, help, toc, index, contents.
Пример: <link href="../../sevidi.css" rel="stylesheet" type="text/css">
В одном и том же HTML-документе тег <link> может присутствовать несколько раз.
Тег style
В контейнерном теге <style> размещаются правила каскадных таблиц стилей, определяющих внешний вид и позиционирование элементов HTML-документа. Более подробно каскадные таблицы стилей будут рассмотрены далее. В одном и том же HTML-документе тег <style>может встречаться несколько раз. При этом они могут размещаться вне тега <head>.
Тег script
В контейнерном теге <script> размещается код сценария (скрипт), выполняемый веб-браузером. В одном и том же HTML-документе тег<script>может встречаться несколько раз. При этом они могут размещаться вне тега <head>. Внутри тега <script>не могут находиться теги HTML и правила каскадных таблиц стилей.
Код сценария может быть написан на языке JavaScript или VBScript. Последний понимает только веб-браузер Internet Explorer. Языком по умолчанию является JavaScript. Созданию сценариев на JavaScript посвящен целый раздел сайта. Но обо всем по порядку.
Форматирование отдельных символов. Бегущая строка
Мы знаем, что HTML — это язык разметки. Следовательно, важно уметь форматировать отдельные символы, а также целые фрагменты текста. Но прежде чем изучать теги, рассмотрим возможность отображения специальных символов. Такими символами, например, являются знаки меньше(<) и (>) больше, так как с помощью этих символов описываются HTML-теги. Для отображения специальных символов используются так называемые HTML-эквиваленты.
Например для вывода текста
<title>Форматирование отдельных символов</title>
необходимо написать так
<title>Форматирование отдельных символов</title>
В этом примере мы заменили знак меньше (<) на <, а знак больше (>) на >.
Наиболее часто используемые HTML-эквиваленты:
< — знак меньше (<);
> — знак больше (>);
& — амсперанд (&);
— неразрывный пробел;
" — кавычка (");
® — знак зарегистрированной торговой марки (®);
© — авторские права (©);
Выделение фрагмента текста
Тег <b> отображает текст полужирным шрифтом. Вместо тега <b> лучше использовать тег логического форматирования <strong>.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Выделение фрагментов текста</title> </head>
<body> <b>Выделение фрагментов текста</b> <br> <strong>Вместо тега <b> лучше использовать тег логического форматирования <strong></strong> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Вывод текста курсивом
Тег <i> отображает текст курсивом. Вместо тега <i> лучше использовать тег логического форматирования <em>.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Вывод текста курсивом</title> </head>
<body> <i>Вывод текста курсивом</i> <br> <em>Вместо тега <i> лучше использовать тег логического форматирования <em> </em> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Подчеркивание текста
Тег <u> отображает текст подчеркнутым.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Подчеркивание текста</title> </head>
<body> <u>Подчеркнутый текст</u> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Перечеркивание текста
Теги <strike> и <s> отображают текст перечеркнутым.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Перечеркивание текста</title> </head>
<body> <s>Перечеркнутый текст</s> <br> <strike>Перечеркнутый текст</strike> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Cоздание нижних и верхних индексов
Тег <sub> сдвигает текст ниже уровня строки и уменьшает размер шрифта.
Тег <sup> сдвигает текст выше уровня строки и уменьшает размер шрифта.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Cоздание нижних и верхних индексов</title> </head>
<body> Формула спирта С<sub>2</sub>H<sub>5</sub>OH <br> Площадь помещения 20 м<sup>2</sup> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Вывод текста заданным шрифтом
Тег <font> определяет размер, тип и цвет шрифта. Он имеет следующие параметры:
face — указывает тип шрифта. Можно указать как один, так и несколько типов, разделяя их запятыми. При этом список шрифтов просматривается слева направо. Указанное название должно точно соответствовать названию типа шрифта. Если шрифт не найден на компьютере пользователя, то используется шрифт по умолчанию. Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Вывод текста заданным шрифтом</title> </head> <body> <font face="Arial, Helvetica, sans-serif">Привет всем!</font> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
size —задает размер шрифта в условных единицах от 1 до 7. Размер, используемый веб-браузером по умолчанию принимает значение 3. Размер шрифта можно указывать ка цифрой от 1 до 7, так и в относительных единицах, указывая на сколько единиц нужно увеличить (знак "+") или уменьшить (знак "-") размер шрифта относительно базового. Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Вывод текста заданным шрифтом</title> </head> <body> <font size="5" face="Arial">Привет всем!</font> <br> <font size="+1" face="Arial">Привет всем!</font> <br> <font size="-1" face="Arial">Привет всем!</font> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
color — позволяет задать цвет шрифта. Цвета задаются также как и для параметра bgcolor (cм. здесь). Названия наиболее часто используемых цветов:
black — #000000 — черный;
white — #FFFFFF — белый;
yellow — #FFFF00 — желтый;
silver — #C0C0C0 — серый;
red — #FF0000 — красный;
green — #008000 — зеленый;
gray — #808080 — темно-серый;
blue — #0000FF — синий;
navy — #000080 — темно-синий;
purple — #800080 — фиолетовый.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Вывод текста заданным шрифтом</title> </head>
<body> <font color="000000">Черный</font> <br> <font color="FFFFFF">Белый</font> <br> <font color="FFFF00">Желтый</font> <br> <font color="C0C0C0">Серый</font> <br> <font color="FF0000">Красный</font> <br> <font color="0080000">Зеленый</font> <br> <font color="808080">Темно-серый</font> <br> <font color="0000FF">Синий</font> <br> <font color="000080">Темно-синий</font> <br> <font color="800080">Фиолетовый</font> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Для форматирования текста применяются и другие теги. Для вывода текста шрифтом большего размера используется парный тег <big>.
Для вывода текста шрифтом меньшего размера применяется парный тег <small>.
Для вывода текста моноширинным шрифтом используется тег <tt>.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Вывод текста заданным шрифтом</title> </head>
<body> Текст <big>большего</big> размера. <br> Текст <small>меньшего</small> размера <br> <tt>Моноширинный текст</tt> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Текст с отступом
Для выделения фрагмента текста строками сверху и снизу, а также отступом от левого края окна браузера служит контейнерный тег <blockquote>. Для увеличения отступа тег <blockquote> следует применять несколько раз.
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Текст с отступом</title> </head>
<body> <blockquote><blockquote>Текст с двойным отступом</blockquote></blockquote> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
Бегущая строка
Браузер Internet Explorer поддерживает контейнерный тег <marquee>, который позволяет создать так называемую бегущую строку, т.е. эффект прокручивания текста в заданном поле. Характеристики бегущей строки задаются следующими параметрами:
width —ширина поля бегущей строки в пикселах или процентах от ширины окна;
height — высота бегущей строки в пикселах;
hspace, vspace — интервалы по горизонтали и вертикали между текстом строки и краями ее поля в пикселах;
align — положение текста бегущей строки в ее поле. Возможные значения:
top — вверху;
bottom — внизу;
middle — посередине;
direction — определяет направление движения. Возможные значения:
left — справа налево;
right — слева направо;
behavior — характер движения строки;
scroll — текст появляется от одного края и скрывается за другим;
slide — строка вытягивается от одного края поля и останавливается у другого;
alternate — задает переменное направление движения от одного края к другому, а затем обратно;
loop — количество повторений в бегущей строке, задаваемое числом; если необходимо бесконечное количество повторений, то следует задать параметр в виде ключевого слова infinity. Параметр loop не влияет на поведение бегущей строки, если для атрибута behavior заданы значения alternate и slide;
scrollamount — устанавливает длину в пикселах "прыжка" текста за один такт. При большом значении этого параметра текст движется рывками, а при малом — замедленно;
scrolldelay — определяет величину паузы между тактами перемещения текста в миллисекундах;
bgcolor — устанавливает цвет поля бегущей строки, задаваемый шестнадцатитеричным числом или именем.
Соотношения между длиной текста, размером шрифта и скоростью перемещения, при которых бегущая строка выглядит приемлемо, подбираются опытным путем. Рассмотрим пример, где бегущая строка бесконечно прокручивается на желтом поле шириной 75% от ширины окна веб-браузера.
Бегущая строка
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Бегущая строка</title> </head>
<body> <marquee height="50" width="75%" hspace="5" vspace="5" align="top" bgcolor="#FFFF00" direction="left" loop="infinity" behavior="scroll" scrollamount="5" scrolldelay="100"> <h1>Это сообщение будет прокручиваться на экране справа налево</h1> </marquee> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
В тег <marquee> в качестве прокручиваемого объекта можно вставлять не только текстовые элементы, но и , например графические изображения.
В случае вставки изображений в тег <marquee> высота области определяется не атрибутом height этого тега, а высотой самого крупного изображения. Размеры изображения можно задать с помощью атрибутов height и width тега <img>.
Фреймы. Разделение окна веб-браузера на несколько областей
Фреймы позволяют разбить окно веб-браузера на несколько прямоугольных областей, в каждую из которых можно загрузить отдельный HTML-документ.
Разделение окна веб-браузера на несколько областей
Обычно заголовок и панель навигации для всех страниц сайта содержат одну и ту же информацию, а изменяется только основное содержание страниц. С помощью фреймовой структуры можно заголовок поместить в одно окно навигации — во второе, а основное содержание страницы — в третье. Это позволит, оставляя в неизменном состоянии два первых окна, изменять содержание третьего.
Создадим веб-страницу с такой структурой. Для этого создадим 5 файлов:
93.html — заголовок веб-страницы;
94.html — панель навигации;
95.html — содержание 1 главы;
96.html — содержание 2 главы;
97.html — HTML-документ описывающий фреймовую структуру.
HTML-документ, содержащий заголовок (93.html)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Заголовок</title> </head>
<body bgcolor="#CCFFFF"> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle"> <h1>Заголовок</h1> </td> </tr> </table> </body> </html>
HTML-документ, содержащий панель навигации (94.html)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Панель навигации</title> </head>
<body bgcolor="#CCFFFF"> <br> <h3 align="center">Оглавление</h3> <ul type="disc"> <li><a href="95.html">Глава1</a></li> <li><a href="96.html">Глава2</a></li> </ul> </body> </html>
HTML-документ содержащий основное содержание главы1 (95.html)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Глава1</title> </head>
<body bgcolor="#CCFFFF"> <br> <h3 align="center">Глава1</h3> <p>Содержание главы1</p> </body> </html>
HTML-документ содержащий основное содержание главы2 (96.html)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Глава2</title> </head>
<body bgcolor="#CCFFFF"> <br> <h3 align="center">Глава2</h3> <p>Содержание главы2</p> </body> </html>
HTML-документ , описывающий фреймовую структуру (97.html)
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример использования фреймов</title> </head> <frameset rows="100, *"> <frame src="93.html" scrolling="no"> <frameset cols="20%, 80%" > <frame src="94.html"> <frame src="95.html" name="charter"> </frameset> </frameset> <noframes> Ваш веб-браузер не отражает фреймы </noframes> </html
Все созданные файлы сохраним в одной папке. Откроем файл 97.html.
В окне веб-браузера это будет выглядеть ТАК.
Окно разделено на три прямоугольные области. В верхней части окна находится заголовок. В нижней — расположена панель навигации (слева) и основная часть документа (справа). При переходе по ссылкам содержимое основной части меняется, а остальные остаются неизменными. Если теперь посмотреть HTML-код документа (Вид > Просмотр HTML-кода), то мы увидим только код структуры веб-страницы, не исходный код каждого из HTML-документов. Иными словами, будет отображен исходный код файла 97.html. Чтобы увидеть исходный код заголовка (файл 93.html), необходимо правой кнопкой мыши щелкнуть внутри области, содержащей заголовок. В появившемся контекстном меню нужно выбрать пунктПросмотр HTML-кода. Чтобы посмотреть исходный код файла 94.html, необходимо правой кнопкой мыши щелкнуть по области, содержащей оглавление и т.д.
Примечание. При использовании фреймов следует учитывать, что поисковые машины при индексации сайтов заносят в свой базы данных именно отдельные страницы структуры фреймов, а не саму структуру. Это обстоятельство полностью разрушает структуру сайта. Ведь если паналь навигации расположена на одной странице, а основная часть страницы на другой, то при переходе посетителя с поискового портала он попадает сразу на основную часть, а панель навигации ему не доступна.
Структура HTML-документа, содержащего фреймы
Структура HTML-документа с фреймами отличается от обычной структуры.
Структура HTML-документа с фреймами
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Заголовок страницы</title> </head>
<frameset rows="100, *"> <frame> <frameset cols="20%, 80%" > <frame> <frame> </frameset> </frameset> <noframes> Ваш веб-браузер не отражает фреймы </noframes> </html>
Как и в обычном HTML-документе, весь код расположен между тегами <html> и </html>, а в разделе <head> и </head> располагаются заголовки. Основное отличие документа с фреймами от обычного HTML-документа — у документа с фреймами отсутствует раздел body, отсутствует содержимое страницы, а присутствуют только теги, служащие для определения фреймовой структуры. Иными словами, документ с фреймами не может содержать раздела body и наоборот, обычный HTML-документ не может содержать фреймовую структуру.
Вместо тега <body> применяется парный тег <frameset>, описывающий фреймовую структуру. Каждое отдельное окно описывается тегом <frame>. Если веб-браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами <noframes> и </noframes>. Рассмотрим эти теги подробно.
Описание фреймовой структуры
Парный тег <frameset> описывает фреймовую структуру. Внутри тегов <frameset> и </frameset> могут содержаться только теги <frame> или другой набор фреймов, описанный тегами <frameset> и </frameset>. Тег <frameset> имеет следующие параметры:
rows — описывает разбиение на строки; <frameset rows="100, *">
cols — описывает разбиение на столбцы; <frameset cols="20%, 80%" >
В качестве значений параметров rows и cols указываются размеры фреймов. Должно быть указано как минимум два значения. Все значения в списке разделяются запятыми. Размеры могут быть указаны в абсолютных единицах (в пикселах) или процентах:
cols="20%, 80%"
Кроме того, в качестве ширины или высоты может быть указана звездочка (*), которая означает, что под фрейм нужно отвести все оставшееся пространство:
rows="100, *"
border — задает толщину границы между фреймами в пикселах; <frameset rows="100, *" border = "2">
bordercolor — указывает цвет границы между фреймами; <frameset rows="100, *" bordercolor = "red">
frameborder —включает или отключает показ границы между фреймами. Он может принимать одно из двух значений:
yes — граница отображается (значение по умолчанию); <frameset rows="100, *" frameborder = "yes">
no — граница не отображается; <frameset rows="100, *" frameborder = "no">
framespacing — определяет расстояние между фреймами в пикселах; <frameset rows="100, *" framespacing = "2">
Описание отдельных областей
Тег <frame> описывает одиночный фрейм и не имеет закрывающего тега. Он располагается между тегами <frameset> и </frameset> и имеет следующие параметры:
src — определяет URL-адрес документа, который должен быть загружен во фрейм. Может быть указан абсолютный или относительный URL-адрес;
<frame src="95.html ">
name — задает уникальное имя фрейма;
<frame src="95.html" name="charter">
scrolling — запрещает или разрешает отображение полос прокрутки во фрейме. Этот параметр может принимать следующие значения:
auto — полосы отображаются, только если содержимое не помещается во фрейме (значение по умолчанию);
<frame src="95.html" name="charter" scrolling ="auto">
yes — полосы отображаются в любом случае;
<frame src="95.html" name="charter" scrolling ="yes">
no — полосы не отображаются в любом случае;
<frame src="95.html" name="charter" scrolling ="no ">
marginwidth — задает расстояние в пикселах между границей фрейма и его содержимым по горизонтали;
<frame src="95.html" name="charter" marginwidth = "5">
marginheight — указывает расстояние в пикселах между границей фрейма и его содержимым по вертикали;
<frame src="95.html" name="charter" marginwidth = "5" marginheight ="5" >
bordercolor — определяет цвет границы между фреймами;
<frame src="95.html" name="charter" bordercolor = "red" >
frameborder —включает или отключает показ границы между фреймами. Может принимать одно из двух значений:
yes — граница отображается (по умолчанию);
<frame src="95.html" name="charter" frameborder = "yes" >
no — граница не отображается;
<frame src="95.html" name="charter" frameborder = " no" >
noresize — отключает возможность изменения размеров фрейма пользователем. По умолчанию любой пользователь может изменить размер фрейма путем перемещения границы. Добавляется этот параметр так:
<frame src="95.html" name="charter" scrolling ="no" noresize >
Тег noframes
Если веб-браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами <noframes> и </noframes>. В противном случае содержимое этих тегов будет проигнорировано.
Пример:
<noframes> Ваш веб-браузер не отражает фреймы </noframes>
Загрузка документа в определенный фрейм
Для загрузки документа в определенный фрейм существует параметр target тега <a>. В параметре target указывается имя фрейма (которое задается с помощью параметра name тега <frame>) или одно из зарегистрированных значений:
_blank — документ будет загружен в новом окне веб-браузера;
<a href = "filel.html" target = "_blank">Текст ссылки</a>
_self — документ будет загружен в тот фрейм, где находится гиперссылка;
<a href = "filel.html" target = "_self">Текст ссылки</a>
_top — документ будет загружен поверх всех фреймов;
<a href = "filel.html" target = "_top">Текст ссылки</a>
_parent — документ будет загружен в окне, являющемся родительским по отношению к текущему фрейму;
<a href = "filel.html" target = "_parent">Текст ссылки</a>
Если нужно загрузить документ во фрейм с именем charter, то ссылка будет такой:
<a href = "filel.html" target = "charter">Текст ссылки</a>
Тег iframe. Добавление фрейма в обычный документ
С помощью парного тега <iframe> можно вставлять фреймы в обычный HTML-документ. Если тег <iframe> не поддерживается, то будет выведен текст между тегами <iframe> и </iframe>. Иногда такие фреймы называют плавающими. Тег <iframe> имеет следующие параметры:
src —определяет URL-адрес документа, который должен быть загружен во фрейм. Может быть указан абсолютный или относительный URL-адрес;
<iframe srs = "http//sevidi.narod.ru/site.html">
<iframe src = "htmpage11.php">
Пример:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример применения плавающих фреймов</title> </head>
<body> <iframe src = "htmpage10.php "> </body> </html>
В окне веб-браузера это будет выглядеть ТАК.
name — задает уникальное имя фрейма;
<iframe src = "htmpage10.php " name="charter">
scrolling — разрешает или запрешает отображение полос прокрутки во фрейме. Может принимать следующие значения:
auto — полосы отображаются, только если содержимое не помещается во фрейме (значение по умолчанию);
<iframe src = "htmpage10.php " name="charter" scrolling = "auto">
yes — полосы отображаются в любом случае;
<iframe src = "htmpage10.php " name="charter" scrolling = "yes">
no — полосы не отображаются в любом случае;
<iframe src = "htmpage10.php " name="charter" scrolling = "no ">
marginwidth и marginheight — определяют расстояние по горизонтали и по вертикали между границей фрейма и его содержимым (в пикселах);
<iframe src = "htmpage10.php " name="charter" marginwidth = "5" marginheight = "5">
frameborder — включает или отключает показ границ фрейма. Параметр может принимать одно из значений:
yes (или1) — граница отображается;
<iframe src = "htmpage10.php " name="charter" frameborder = "yes">
no (или 0) — граница не отображается;
<iframe src = "htmpage10.php " name="charter" frameborder = "no">
border — определяет толщину границы фрейма в пикселах при условии, что параметр frameborder явно задан;
<iframe src = "htmpage10.php " name="charter" frameborder = "yes" border= "2">
width и height — задают ширину и высоту фрейма;
<iframe src = "htmpage10.php " name="charter" width ="200" height ="200">