Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
Данный элемент может иметь атрибуты: version (означает версию языка HTML), lang, dir, которыми редко кто пользуется.
<HEAD></head>
Этот элемент, как и элемент HTML, можно считать просто формирующим. Этот элемент должен содержать заголовок страницы. Этот элемент должен включать тег TITLE.
Информация, сосредоточенная в META, определяющая настройки страницы называется профилем. Профиль может хранится в отдельном файле. Для того, чтобы ввести этот файл наберите следующую структуру:
<HEAD profile="URL">
Этот тег позволяет включать в свой состав элементы: BASE, META, LINK, ODJECT, SCRIPT, STYLE.
<TITLE></title>
Этот элемент предназначен для размещения заголовка Web - страницы. Надпись, включенная в эти теги, будет отображаться в окне браузера.
Кстати, эту строку часто используют поисковые машины, типа Yandexa, поэтому Web - мастера должны заботиться о исчерпывающем описании страницы!
<META>
Этот элемент содержит информацию, которая не выводится на дисплей, а обрабатывается браузером при загрузки и просмотре Web - страницы. Каждый элемент META содержит два атрибута, первый определяет тип данных, второй - содержание.
Ниже показаны несколько примеров:
«Срок годности» документа:
<META name="expires" content="Дата">
Адрес электронной почты:
<META name="reply-to" content="Имя@Адрес. домен">
Имя автора Web - страницы:
<META name="Author" content="Имя автора">
Набор ключевых слов для поиска:
<META name="Keywords" content="слово1, слово2 и т. д.">
Описание Web - страницы:
<META name="Description" content="Содержание страницы">
Названия приложения, в котором была сделана Web - страница:
<META name="Generator" content="Название HTML -редактора">
Названия типа кодировки, в которой была сделана страница:
<META http-equiv="Content-type" content="text/html; charset= кодировка">
Время (в секундах), с которым будет обновляться страница:
<META refresh="http-equiv" content="Число(в секундах)" >
<BODY></body>
Этот элемент включает в себя гипертекст, который определяет страницу в целом. Содержание этого элемента определяется автором и оно может быть совершенно произвольным. Конечный тег этого элемента можно найти в конце Web -страницы. Внутри этого элемента можно расположить ряд атрибутов, которые играют большую роль в дизайне. Это следующие атрибуты:
Можно украсить страницу при помощи внешнего файла - узора. Этот файл будет размазан по странице. Делается это при помощи атрибута
background="Путь к файлу"
Можно обойтись проще, задав цвет фона атрибутом
bgcolor="#RRGGBB"
Можно задать цвет шрифта, который будет использован для всего текста атрибутом:
text="#RRGGBB"
Для задания цвета гиперссылок можно использовать атрибут:
link="#RRGGBB"
Для просмотренных гиперссылок пользуются атрибутом:
vlink="#RRGGBB"
Для последней просмотренной гиперссылки пользуются атрибутом:
alink="#RRGGBB"
Текст, находящийся внутри этих тегов имеет произвольное строение и определяется только умом и фантазией разработчика страницы.
<!--Комментарий-->
При создании больших и сложных страниц нельзя, глядя на код, быстро разобраться в назначении того или иного документа. Для этого в HTML специально встроены теги, которые игнорирует браузер при загрузки страницы. Эти теги используются исключительно для удобства разработчика страницы. Комментарии могут быть повсеместно, где это нужно. Разработчик прописывает внутрь тега:
Например,
<!--Начало таблицы-->
или:
<!--Правый фрейм-- >
<H1></h1>
Элемент заголовка. В HTML существуют шесть уровней заголовков, которые обозначаются H1...H6. Заголовок H1 считается самым крупным, а заголовок H6 - самым мелким, соответственно.
Для заголовков можно использовать атрибут align:
align="left" для выравнивания по левому краю
align= "right" для выравнивания по правому краю
align= "center" для выравнивания по центру.
<HR>
Горизонтальная линия (Horizontal rule) - этот элемент можно часто встретить, потому что, благодаря нему, страницу удобно разделить на части. Иногда можно встретить графический файл, размером(размером один - два пикселя) - заменитель этого тега. Это очень оригинальное решение, так как это смещает грани в разночтении кодов этого языка. Этот элемент не имеет конечного тега! Этому элементу присущи несколько атрибутов:
align="left" для выравнивания по левому краю
align="right" для выравнивания по правому краю
align="center" для выравнивания по центру.
align="justify" для выравнивания по ширине страницы.
Также можно задать толщину линии, при помощи атрибута:
size=толщина линии в пикселях
Также можно управлять длиной линии при помощи атрибута:
width=длина в пикселях или в процентах
Можно и выбрать цвет линии:
color="цвет"
<BASE>
Этот элемент предназначен для создания базового адреса (URL)для ссылок. Элемент очень удобен, хотя и редко используется. BASE задает первоначальный адрес и позволяет опустить начальный адрес, так как он будет подставлен автоматически. Для использования этого элемента вводят:
<BASE href="http://компьютер/">
Если вводится адрес для какого - либо локального диска, то используют:
<BASE href="file://диск\путь">
Хотя можно опустить и указание на схему доступа:(file://).Тогда будет учитываться только левая часть ссылки до первого \.
<p></p>
Это - один из самый часто употребляемых элементов. Он позволяет использовать только начальный тег, так как следующий элемент Р означает не только начало следующего абзаца, но и конец предыдущего.
<p>текст первого абзаца</p>
<p>текст второго абзаца</p>
Вместе с этим элементом можно использовать атрибут align, который будет действовать на весь абзац.
<BR>
Этот элемент Обеспечивает принудительный переход на следующую (новую) строку. Он имеет только начальный тег!
<NOBR></nobr>
Этот элемент является полной противоположностью элемента BR. Текст, который находится внутри этого элемента, будет выводится на экран одной строкой. И для просмотра этого текста придется использовать горизонтальную строку прокрутки.
<PRE></pre>
Элемент используется для обозначения текста отформатированного заранее (preformated). Под этим элементом понимается, что текст будет выведен в том виде, в каком он был введен автором. Например, учитывается концы строк, которые были введены в редакторе. В других случаях такое форматирование будет игнорироваться браузером! Или, если автор введет большую и длинную строку, то она уйдет за пределы окна (сходное действие имеет элемент NOBR) Этот элемент удобно использовать, если форматирование текста приведет к искажению смысла.
<B></b>
Этот тег придает тексту полужирное начертание. Очень популярный элемент. Использование полужирного начертания - прием, который позаимствовали из текстовых редакторов.
<I></i>
Этот элемент также изъят из текстовых редакторов. Он придает тексту начертание курсивом.
<U></u>
Этот элемент подчеркивает содержимое этого тега.
<SUB></sub>
Вы, наверное, знаете, что некоторые текстовые редакторы поддерживают нижний индекс, так вот этот тег придаёт такое начертание. Таким образом
<SUP></sup>
Этот тег, наоборот, придает эффект верхнего индекса. Так
<BASEFONT>
Этот элемент задает базовый размер шрифта для всей страницы. Внутри элемента указывают атрибут size.
<FONT></font>
Этот элемент имеет огромное значение в HTML, так как он определяет форматирование текста внутри себя. Все характеристики используют при помощи специальных атрибутов:
· size определяет абсолютный размер шрифта от 1 до 7 (4 - по умолчанию).[Можно использовать значения: +1;+2;+3;+4;-1;-2 Это увеличение(+) или уменьшение(-), относительно шрифта по умолчанию]
· color определяет цвет шрифта.
· face определяет, какой шрифт (группа шрифтов) будет использоваться при просмотре страницы.[Шрифты должны быть установлены на клиентском компьютере]
Пример:
<FONT size="4" color="black" face="Arial; Webdings; Times New Roman">Текст</font>
элемент имеет дополнительные атрибуты: align, class, dir, id, lang, style, title
<BLOCKQUOTE></blockquote>
Элемент означает форматирование текста, как цитаты. Визуально текст мало меняется, но делается небольшой отступ. С кавычками текст не имеет никакой связи.
Этот элемент имеет специфический атрибут cite.
Этому элементу присущи атрибуты: dir, lang, title, style, class, id.
<Q></q>
Этот элемент очень похож на blockquote, но он применяется для отступа цитаты внутри абзаца.
Этому элементу присущи атрибуты: dir, lang, title, style, class, id.
<ABBR></abbr>
Этот элемент выделяет аббревиатуры, например:
MSIE(Microsoft Internet Explorer), HTML, WWW и другие.
<ACRONYM></acronym>
Элемент выделяет акронимы (сокращения, образованные несколькими словами). Например, и т. д.; и т. п.
Устаревшие и нестандартные элементы
В HTML есть элементы, которые поддерживаются не всеми броузерами. Их существование обязано появлению новых версий языка. Во-вторых, результаты действий некоторых элементов заменяются более популярними методами. Каждый разработчик должен иметь ввиду то, что его страница будет просматриваться разными броузерами, а следовательно документ не должен изменять вид оригинала.
На сегодняшний момент есть официальная специфика языка, и все новые броузеры поддерживают старые элементы, но это не обязательно.
Так сложилось, что сам язык разрабатывается и совершенствуется одной организацией, а броузеры - другими. Следовательно, новые или старые элементы могут не поддерживаться.
BGSOUND
Этот элемент используется для создания звуковых эффектов. Он употребляется в секции HEAD.
Элемент имеет ряд атрибутов:
loop - обозначает число повторений звукового фрагмента.
Для бесконечного повтора применяют:
loop="infinite" или loop="-1"
Можно задать громкость звука:
volume=число
Атрибут src очень важный, так как выбирает звуковой файл:
<BGSOUND src="имя_файла. wav">
Также имеет стандартные атрибуты: class, id, lang, title.
<BLINK></blink>
Этот элемент задает мгание текста. Очень часьл этот тег заменяется программами - сценариями.
<EMBED></embed>
Элемент был придуман в качестве хранилища некоторого объекта. Он употребляется по следующей схеме:
<EMBED>
src="источник данных"
height="высота"
width="ширина"
attribute_1="значение 1-го атрибута"
attribute_2="значение 2-го атрибута"
</EMBED>
<NOEMBED></noembed>
Элемент может содержаться внутри <EMBED></embed> и содержит определеный текст, который появляется, если браузер не поддерживает тег EMBED.
<BANNER></banner>
Этот элемент обеспечивает постоянный показ на экране содержимого этого элемента, не зависимо от прокрутки.
<MARQUEE></marquee>
Элемент, создающий бегущую строку. Сам по себе прием интересен, но наибольшего эффекта можно добиться, если удачно подобрать атрибуты.
Фоновый цвет задается обычным способом:
bgcolor="цвет"
Если фон задан, то этот элемент выглядит как цветная полоса, вдоль которой бежит текст. Высоту полосы можно регулировать двумя способами:
height="высота в пикселах"
height="чило в %"
Если высота полосы задается в пикселах, то можно порекомендовать задавать ее в диапазоне 30...50. Высоту можно задавать и в процентах. Процент определяет долю от высоты видимой части гипертекста внутри окна броузера. Эта величина, разумеется, не является постоянной и зависит от размера окна. Если высота полосы достаточно большая, имеет смысл использование атрибута align для выравнивания текста по верхнему краю, по середине или по нижнему краю полосы:
align="top"
align="middle"
align="bottom"
Правда, не все броузеры поддерживают этот атрибут. Вот пример полосы; зеленого цвета, высотой 50 пикселов, с выравниванием бегущего текста по середине:
<MARQUEE bgcolor="green" height="20" align="middle" scrollamount="8"> Бегущая строка </marquee>
Направление движения строки тоже можно менять:
direction="left"
direction="right"
Удачным атрибутом, оказался тот, который управляет поведением (behavior) строки. По умолчанию создается обычная бегущая строка, какие бывают на табло. Дойдя до края экрана (окна), она уходит из поля зрения, а затем появляется с противоположной стороны. Этот атрибут задается так:
behavior="scroll"
Второй вариант движения заключается в следующем: строка появляется из-за края окна, достигает противоположного края и останавливается. Атрибут таков:
behavior="slide"
По третьему сценарию строка не исчезает с экрана, но и не останавливается. Она движется вправо или влево, «отражаясь» от края окна и меняя направление движения. Атрибут в этом случае должен быть задан так:
behavior="alternate"
Всю Полосу можно сдвинуть по горизонтали вправо:
sрасе="смещеше в пикселах"
Выше и ниже полосы можно создать пустое пространство:
vspace="высота в пикселах"
Количество проходов строки по экрану можно ограничить:
loop="число"
Выполнив необходимое число проходов, строка остановится. В данном случае отсчет начнется только после того, как пользователь увидит на экране бегущую строку. Скорость движения задает следующий атрибут:
scrollamount="число"
Если число равно 1, то строка будет еле ползти по сравнению с режимом по, умолчанию. Если число больше 10, то строка будет двигаться очень быстро. Дадный атрибут задает скорость движения как число пикселов, которые проходит1 строка за каждый шаг.
Существует второй атрибут скорости, определяющий временной интервал (в миллисекундах) между шагами:
scrolldelay="число"
С помощью этого атрибута можно заставить строку двигаться рывками.
Немного о способе применения атрибутов
Атрибуты - часто применяемые части языка HTML. Это очень удобные конструкции, которые облегчают жизнь разработчика. Использование атрибутов лучше всего объяснить на примере элемента FONT:
<font color="red" size=4 align="right"> Текст </font>
Как вы видите - способ применения атрибутов предельно прост. Они отделяются друг от друга только пробелом. Это всегда нужно учитывать при разработке страниц и при использовании атрибутов!
Атрибуты также применяются в Стилях. Здесь синтаксис немного отличается от стандартного. Атрибуты, входящие в набор какого-либо стиля, отделяются друг от друга не пробелом, как было сказано выше, а знаком: ; [точка с запятой]. Запомните, что такое разделение применимо только к атрибутам, входящим в состав стилей.
ALIGN
Атрибут align используется для выравнивания объектов. Этот атрибут может принимать следующие значения:
· left -выравнивание по левому краю;
· right -выравнивание по правому краю;
· center -выравнивание по центру (по горизонтали);
· middle -выравнивание по центру (по вертикали);
· top -выравнивание по верхней границе;
· bottom -выравнивание по нижней границе;
· justify -выравнивание по ширине (для текста).
Для таблиц применяют атрибут valign:(выравнивание по вертикали)
· top - см. выше
· bottom -см. выше
· center -см. выше
· baseline -выравнивание по первой строке.
Пример:
<P align="center">
CHARSET
Атрибут применяется для определения кодировки документа.
В основном этот атрибут применяется внутри тега META.
Например:
charset="windows-1251"
КЛАССЫ (CLASS)
Этот элемент позволяет расширить возможности стилей, путем создания собственных имен стилей и последующего присвоения имени какому-либо элементу. Например,
<STYLE type="text/css">
H1.red {
color: RGB(215,40,40); text-align: center
}
</style>
Здесь мы видим, что буквам придан красивый красный цвет, а текст выровнен по центру.
Применять классы предельно просто:
<H1 class="red">текст абзаца</h1>
Прелестью классов является то, что можно создавать на одной странице несколько различных стилей(форматирований) для одного элемента.
Универсальные классы(атрибут ID)
Универсальные классы можно применять тогда, когда требуется создание класса, подходящего многим элементам сразу. Например,
#red {
color: RGB(215,40,40); font-weight:bold
}
Здесь написан стиль для полужирного начертания букв красивого красного цвета. Кстати, функция RGB незаменима при потребности в очень точном подборе цвета. Применяется этот метод при помощи атрибута ID:
<h2 id="red">Заголовок</h2>
Результатом является заголовок красного цвета полужирного начертания.
CLASSID
Этот атрибут задает программу или объект, которые могут быть использованы в определенных элементах.
COLOR
Атрибут color используется для предания определенного оттенка объектам. Использование этого атрибута очень простое. Вот пример:
color="цвет"
Можно применять в качестве цвета английское название, а можно RGB оттенок.
Например:
<P color="red">абзац красного цвета</p>
DIR
в некоторых языках буквы читаются справа на лево. Для этого существует атрибут dir. Он может принимать значения:
dir="LTR" - слева направо
dir="RTL" - справа налево
ID
Этот атрибут применяется для расширения возможностей разработчика. Он является универсальным именем элемента. В зависимости от типа элемента, этот атрибут выполняет различные функции. Атрибут позволяет использовать классы(следующая ссылка в меню). Например, надо придать уникальный цвет, размер, шрифт и т. д. для кокой-либо части страницы. Придадим буквам серо-стальной цвет. Назовем его « rus ». Для чего, внутри элемента style вводите таблицу стилей:
#rus {
color: RGB(155,180,190); font-weight: bold
}
Из-за того, что оттенок подбирается очень точно без функции RGB() не обойтись. Буквы будут очень светлыми, поэтому придадим им полужирное начертание. Этот стиль можно будет применять к различным элементам, например:
<H2 id="rus"> Заголовок, отформатированный стилем "rus"</h2>
Такой абзац будет выглядеть очень оригинально, так как будет отличаться от других. Так можно менять обилие установок по умолчанию.
LANG
Атрибут определяет, на каком языке написан текст внутри элемента. Хотя этот атрибут применяется очень редко. Его даже можно назвать устаревшим.
lang= "код языка"
Вот пример основных кодов: ar - арабский
de - немецкий
el - греческий
en - английский
eu-us - американская версия английского языка
es - испанский
fr - французский
he - иврит
hi - хинди
it - итальянский
ja - японский
nl - голландский
pt - португальский
ru - русский
zh - китайский
но в некоторых языках буквы читаются справа налево. Для этого существует атрибут dir.
Пример:
<FONT lang="en">Text</font>
SIZE
Этот атрибут применяют для указания желаемого размера шрифта. Он применяется внутри элементов BASEFONT, FONT Атрибут принимает размеры от 1 до 7, но можно указать не точную цифру, а прибавление или вычитание из величины по умолчанию (по умолчанию используется 3-й размер). Пример использования:
size="число"
size="+число(до 4)"
size= "-число(до 2)"
Вот визуальные примеры использования атрибута:
Шрифт 1
Шрифт 2
Шрифт 3
Шрифт 4
Шрифт 5
Шрифт 6
Шрифт 7
Шрифт -1
Шрифт -2
Шрифт +1
Шрифт +2
Шрифт +3
Шрифт +4
TITLE
Этот атрибут применяют к элементу для короткого комментария, который появляется на экране в виде всплывающей строки.
title="маленький комментарий"
Например:
<P title="Комментарий к абзацу">Абзац</p>
TYPE
Атрибут type определяет тип документа, который используется в ссылке. Первоначально type применялся для определения формата отправленной электронной почты, но сеанс служит для указания форматов документов, в составе Web - страниц. Например:
· text/plain -обычный текст;
· text/css -каскадная таблица стилей;
· text/html -текст в формате HTML;
· application/postscript -документ в формате PostScript;
· application/java -апплет;
· image/gif; image/jpg; image/png - изображения в формате GIF, JPG и PNG, соответственно;
· video/mpeg -видеоролик;
· text/javascript --программа-сценарий на JavaScript;
· text/vbscript -программа-сценарий на VBScript.
Для форм атрибут имеет другой смысл: определенного элемента формы (кнопки, поле ввода и т. д.)
Например:
<STYLE type="text/css">Стиль</style>
STYLE
Применение атрибута style:
<P style="свойство1: значение; свойство2: значение; ...">
Например:
<P style="font-size: 14pt; font-style: italic; color: red">
Здесь для абзаца выбран 14-й размер букв, курсив и красный цвет букв.
Так выглядит абзац, отформатированный стилем, указанном в примере.
CLEAR
Атрибут clear позволяет выравнивать объекты, например рисунки, относительно текста, в котором использован элемент BR.
Значения атрибута:
· left -выравнивание по левому краю
· right -выравнивание по правому краю
· center -выравнивание по центру
Например:
<BR clear="center">
FACE
Этот атрибут применяется вместе с элементом FONT. Он задает один или несколько шрифтов (через точку с запятой)
Например,
face="arial; verdana; tahoma"
К сожалению есть проблема: Так как Web - страницы просматривают много людей, то нет гарантии, что отобразится нужный шрифт на всех компьютерах. Если на компьютере нет шрифта из списка, то страница будет просматриваться с шрифтом по умолчанию.
HEIGHT
Атрибут выражает высоту какого-либо объекта. Этот атрибут обычно используется для задания высоты изображения.
height=число
WIDTH
Атрибут выражает ширину какого-либо объекта. Этот атрибут обычно используется для задания ширины изображения.
width=число
Число может принимать ряд значений: в пикселях, в процентах и т. д.
HSPAСE
Атрибут определяет пустое пространство справа и слева от объекта и употребляется:
hspace="число(в пикселях)"
VSPAСE
Атрибут определяет пустое пространство сверху и снизу от объекта и употребляется:
vspace="число(в пикселях)"
Атрибуты, применяемые для форматирования таблиц.
Таблицы в HTML можно сделать похожими на EXEL-евские таблицы. Например мы можем объединить ячейки:
· rowspan=n, где n - число объединяемых ячеек по горизонтали
· colspan=n, где n - число объединяемых ячеек по вертикали
Данные в ячейках можно выровнять при помощи атрибута align. Этот атрибут можно применять как ко всей таблице, так и к отдельной ячейке.
Мы можем задавать определенную ширину ячейки при помощи атрибутов height (высота) и width (ширина).
< TABLE> < /table>
Этот элемент обозначает границы таблицы и отделяет её от других частей страницы. Он позволяет задать свойства таблицы. Этот элемент имеет ряд атрибутов:align, width, height
Для элемента table характерны ряд специальных для таблиц атрибутов:
border - ширина боковой грани. Если этот атрибут принимает нулевое значение, то рамка вовсе исчезает.
cellspacing - определяет ширину фронтальной границы(внутренняя часть). Если атрибут принимает значение, равное нулю, то рамка очень тонкая и заостренная.
cellpadding - этот атрибут применяют для определения пустого пространства, окружающего данные в ячейках. Задание атрибута позволяет улучшить восприятие таблицы, т. к. между данными и границей сохраняется определенное расстояние. Этот атрибут выражается в пикселях, процентах и т. д.
bgcolor - задание этого атрибута позволяет задать цвет конкретной ячейки или всей таблицы.
background - задает фон для таблицы или ячейки.
Атрибуты bgcolor и background можно задавать с другими элементами, кроме caption.
frame="параметр" - используется только с table.
Выделяют ряд параметров:
· void -рамка отсутствует;
· above -верхняя сторона рамки;
· below -нижняя сторона рамки;
· hsides -рамка сверху и снизу;
· vsides -рамка слева и справа;
· lhs - левая часть рамки;
· rhs -правая часть рамки;
· border или box - рамка показана полностью(в принципе, можно просто не использовать этот атрибут)
rules="параметр" - определяет вид сетки таблицы внутри. Как и предыдущий, он имеет ряд параметров:
· none -сетка отсутствует;
· groups -сетка вокруг групп ячеек;
· rows -горизонтальние линии между строками;
· cols - вертикальние линии между колонками;
· all -обычная сетка(в принципе, можно просто не использовать этот атрибут)
Существует также специальный комментарий к таблице:
summary="текст комментария"
К таблицам можно применить также стандартные атрибуты: class, dir, id, lang, title, style.
Например:
<TABLE border="0" cellpadding="5" cellspacing="0" align="center">
<TR><TH>первый заголовок <TH>второй заголовок
<TR><TD>первая ячейка <TD>вторая ячейка
</table>
<CAPTION></caption>
Этот элемент используется для задания заголовка таблицы. Он должен быть расположен внутри элемента TABLE, хотя сам выводится вне рамки таблицы.
К таблицам применимы также стандартные атрибуты: class, dir, id, lang, title, style.
<TR>
Этот элемент создаёт строку таблицы. Этот элемент не имеет конечного тега. Следовательно начало новой строки - следующий тег TR. Внутри находятся другие теги, определяющие состав таблицы TD, TH
Этот тег допускает использование выравнивания align
<TH>
Этот элемент управляется тегом TR и должен быть внутри него. Элемент ячейки, являющийся заголовком строки или столбца. Элемент отличается от обычного TD тем, что браузер выводит содержимое полужирным начертанием.
<TD>
Этот элемент определяет обычную ячейку. Эти элементы могут не иметь конечного тега, так как его функцию определяет следующий тег TR, TH и TD.
Для каждого тега таблицы можно задать атрибуты цвета (bgcolor), фона(background).
<THEAD>
Элемент обозначает заголовок таблицы.
<TFOOT>
Этот элемент обозначает низ таблицы
<TBODY>
Этот элемент дает понять браузеру о том, что он имеет дело с основной частью таблицы.
· В таблице можно употребить лишь один раз TFOOT и THEAD, но много раз TBODY!
· Существует строгая последовательность употребления групп строк: THEAD - TFOOT - TBODY!
· Блоки должны содержать одинаковое количество колонок.
<COLGROUP>
Тег позволяет создать группы колонок(столбцов) с одинаковыми свойствами. С этим тегом применяется атрибут span, который обозначает количество столбцов, на которые распространяется данный элемент.
<COL>
Этот элемент, в отличие от предыдущего, назначает свойство одной колонки(столбца).
Заметьте, что свойства колонок (столбцов) задаются по порядку, то есть первому столбцу соответствует первый элемент COL или COLGROUP, второму - второй, третьему - третий и т. д.
<FRAMESET><FRAME></frameset>
Фреймы - это области страницы, в которых отражаются несколько ресурсов(HTM или HTML и др. файлов). Страница с фреймами содержит два или более файлов, которые определяют, во-первых, документ раскладки(структура страницы), во-вторых, документы, в которых содержатся сама страница.
Для начала надо решить, какое разбиение требуется для страницы: вертикальное или горизонтальное
· вертикальное разбиение получается при помощи атрибута cols:(получается разбиение, как в Norton Commander-е)
cols="значение" - значение может быть только цифровым (проценты, пиксели, пункты и т. д. Или "*" для оставшейся части экрана)
· Горизонтальное - при поморщи атрибута:
rows="значение" - значение может быть только цифровым (проценты, пиксели, пункты и т. д. Или " *" для оставшейся части экрана)
Создание страницы с фреймами можно разделит на два этапа:
· Первый - создание файла, в котором будет отображена структура страницы.
· Второй -подготовка отдельных файлов-фреймов, в которых содержится сама страница.
Вместе с этим элементом можно употреблять стандартные атрибуты: id, class, title, style.
Атрибуты, применяемые с элементом FRAME
Кроме стандартных атрибутов, элемент имеет ряд собственных, которые усовершенствывают внешний вид окна страницы. Внутри элемента FRAME должны содержаться ссылки на файлы - части страницы. Кроме того, каждый элемент FRAME полезно снабжать именем, при помощи атрибута name. Это имя впоследствии можно использовать в гиперссылках. Результат может быть такой.
<FRAME src="имя файла. htm" name="имя фрейма">
После загрузки страницы пользователь может передвигать границы фреймов. С помощью атрибута noresize вы можете запретить пользователю передвигать границы окон.
Вы можете управлять полосами прокрутки с помощью атрибута scrolling, который может принимать значения:
scrolling="yes" - полоса прокрутки будет автоматически включена, независимо от её необходимости.
scrolling="no" - этот атрибут запрещает появление полосы прокрутки, даже если она требуется.
scrolling="auto" -(значение по умолчанию) атрибут передает все полномочия появления и исчезновения полосы прокрутки системе.
Существует атрибут longdesc, который придает фрейму описание.
Атрибутом frameborder - вы можете создать рамку вокруг фрейма.
frameborder=1 - рамка включена;
frameborder=0 - рамки нет.
<NOFRAMES></noframes>
Этот элемент специально предусмотрен для случаев, когда броузер не поддерживает фреймы. В этом случае надо предупредить и переадресовать клиента к другой старицы (без фреймов). Этот код выглядит следующим образом:
<HTML>
<HEAD>
<TITLE>Заголовок </title>
</head>
<FRAMESET cols="nn%, mm%">
<FRAME src="page1.htm">
<FRAME src="page2.htm">
<NOFRAMES>
<P>Для просмотра этой страницы нужен браузер, поддерживающий фреймы!</p>
<P>Вы можете посмотреть страницу <a href="без_фремов. htm"> без фреймов</a></p>
</noframes>
</frameset>
</html>
Естественно, что браузеры, поддерживающие фреймы не будут воспроизводить эту надпись.
Организация перехода по фреймам
Файл Frame1.htm
<HTML>
<HEAD>
<TITLE>Заголовок для фреймов</title>
</head>
<FRAMESET frameborder=1 framespacing=5 cols="160, *">
<FRAME src="m1.htm" name="menu01" noresize >
<FRAME src="right1.htm" name="info01">
<NOFRAMES>
<P>Для просмотра этой страницы нужен браузер, поддерживающий фреймы!</p>
<P>Вы можете посмотреть страницу <a href="без_фремов. htm"> без фреймов</a></p>
</noframes>
</frameset>
</html>
Файл M1.htm <HTML>
<HEAD>
<TITLE>Левый фрейм</title>
</head>
<BODY text="black" bgcolor="gold" link=" green" vlink="purple" alink="red">
<H3>Меню</h3>
<HR>
<a target="info01" href="right1.htm"> Правый 1</a>
<a target="info01"href="right2.htm"> Правый 2</a>
</body>
</html>
Файл Right1.htm
<HTML>
<HEAD>
<TITLE>Правый фрейм</title>
</head>
<BODY text="black" bgcolor="#9CB3BE" link="green" vlink="purple" alink="red">
<H2>Правый фрейм № 1</h2>
<a href="right2.htm">Следующая страница</a>
<hr>
</body>
</html>
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 |
