Aqua Black Blue Fuchsia Gray Green Lime Maroon Navy Olive Purple Red Silver Teal Yellow

Bставка горизонтальных линий

<HR> - вставка горизонтальной линии

Атрибуты:

WIDTH - длина линии в процентах от ширины окна браузера

SIZE - толщина линии в пикселах

ALIGN - выравнивание линии по левому или по правому краю либо по центру

Пример: < HR size=5 WIDTH =80%
ALIGN =center>

Код символа	Именное значение	Символ
#34	&quot	"
&#38	&amp	&
&#60	&lt	<
&#62	&gt	>
&#160	&nbsp	пробел
&#161	&iexcl	¡
&#162	&cent	¢
&#163	&pound	£
&#164	&curren	¤
&#165	&yen	¥
&#168	&uml	¨
&#169	&copy	©
&#171	&laquo	«
&#174	&reg	®
&#177	&plusmn	±
&#187	&raquo	»

Представление информации в виде списков

<0L> (Ordered List -упорядоченный список) </0L> - нумерованный список (начало каждого элемента помечается тегом <LI>)

< OL type=1> - арабскими цифрами

< OL type=I> - римскими цифрами

< OL type=а> - малыми буквами

< OL type=А> - большими буквами

Пример:

< OL TYPE=1>

<LI> Лесной кот

<LI> Степной кот

<LI> Тигр

</OL>

<UL> (Unordered List – неупорядоченный список) </UL> -маркированный список (каждый элемент обозначается тегом <LI>)

< UL TYPE= Disc > – вывод «жирной точки»;

< UL TYPE= Circle > – незакрашенный кружочек;

< UL TYPE= Square > – маленький черный квадратик.

<DL> (Definition List — список определений) </DL> - список определений (каждый термин обозначается тегом <DT>, каждое определение — тегом <DD>)

Пример:

<DL>

<DТ> Анимация

<DD> Создание иллюзии движения объекта на экране монитора.

<DТ> Архиватор

<DD> Прогамма, выполняющая сжатие (архивацию) файлов.

</DL>

Добавление изображений

< IMG SRC ="C:\Мои документы\Мои рисунки\picture.gif"> - указывается полный путь к файлу

Атрибуты:

HEIGHT и WIDTH. Управляют размерами (в пикселах) области, в которой изображение появится на веб-странице

Пример:

< IMG SRC = “picture.gif” HEIGHT="30" WIDTH="50">

ALIGN. Управляет размещением текста, обтекающего изображение. Значения:

· ТОР — располагает первую строку текста на одном уровне с верхним краем изображения;

· MIDDLE — выравнивает фрагмент текста относительно середины изображения по вертикали;

· BOTTOM — выравнивает последнюю строку текста по нижнему краю изображения

· LEFT - размещает изображение в левой части страницы и выравнивает абзац по правому краю изображения;

· RIGHT — размещает изображение в правой части страницы и выравнивает абзац по левому краю изображения.

Пример:

< IMG SRC ="picture.gif" ALIGN="LEFT">

HSPACE и VSPACE. Определяют ширину незаполненного пространства вокруг изображения

Пример:

< IMG SRC ="picture.gif" HSPACE="25" VSPACE="10">

· BORDER. Определяет, должна ли быть рамка вокруг изображения, и задает ее ширину

< IMG SRC ="picture.gif" B0RDER="3">

· ALT. Содержит текст, который появляется во время загрузки рисунка

Пример:

< IMG SRC ="picture.gif" АLТ ="0бложка лучшей книги этой недели">

Использование таблиц

< TABLE > и </ TABLE > - начало и конец таблицы

< TR > и </ TR > - начало и конец строки

< ТН > и </ ТН > - начало и конец ячейки шапки таблицы

< TD > и </ TD > - начало и конец ячейки данных

Атрибуты TD:

COLSPAN – количество столбцов, которые может занимать 1 большая ячейка

ROWSPAN - количество строк, которые может занимать 1 большая ячейка

< CAPTION >- заголовок таблицы (размещается внутри тега < TABLE >)

Атрибуты TABLE:

ALIGN - Управляет выравниванием строк по горизонтали (значения “ LEFT ”,
“ CENTER ” и “ RIGHT ”)

VALIGN - Управляет выравниванием строк по вертикали (значения TOP, CENTER
и BOTTOM)

CELLPADDING - управляет шириной промежутка между текстом внутри ячеек и
рамкой (измеряется в пикселях )(Пример: <TABLE CELLPADDING="5">)

CELLSPACING. Устанавливает величину промежутка между соседними ячейками

BGCOLOR. Управляет цветом фона всей таблицы

BACKGROUND. Отображает в качестве фона таблицы, строки или ячейки
содержимое графического файла

WIDTH. Определяет ширину таблицы в пикселах или в процентах от ширины
окна браузера

Добавление ссылок

<А> - ссылка

(атрибут HREF (Hypertext REFerence - гипертекстовая ссылка) для указания URL, с которым связана данная ссылка). Между <А> и </А> размещается текст или графические изображения, которые появляются на веб-странице в виде ссылки

<А HREF="http://www.piter.com">Kниги издательства «Питер»</А>

Использование ссылок для перемещения в пределах страницы

тег <А> с атрибутом NAME –отмечаем место, куда надо перейти на странице. Приведенный ниже тег присваивает некоторому тексту имя якоря "members":

<А NAME="members"> Члены клуба книголюбов</А>

тег <А> с атрибутом HREF- добавляется ссылка, при активизации которой будет выполнен переход к якорю (символ «#» означает ссылку на имя якоря)

<А HREF="#members">Список членов клуба книголюбов</А>

Добавление ссылки на адрес электронной почты

вместо URL в теге <А> укажите параметр mailto: и адрес электронной почты. Например:

<А HREF="MAILTO:[e-mail]">Авторы полного справочника по Интернету</А>

Создание фреймов

Фреймы - это рамки для разделения экрана на области

<FRAMESET> - тег, определяющий компоновку страницы

Атрибуты:

· ROWS – разделение страницы по горизонтали или количество строк

· COLS - разделение страницы по вертикали или количество столбцов (<FRAMESET COLS="20%,*"> (2 фрейма: 1-й занимает 20% от ширины страницы)</FRAMESET>)

· BORDER- ширина рамки

· FRAMEBORDER- граница рамки (FRAMEBORDER=YES- есть граница, FRAMEBORDER=NO - нет границы, FRAMESPACING=n – ширина границы)

<FRAME> -тег, в котором указывается имя файла, отображаемого в данном фрейме. В файле главной веб-страницы раздел BODY должен отсутствовать.

Атрибуты:

· SRC - указывает имя файла веб-страницы, отображаемой в этом фрейме (<FRAME SRC="firstdoc.htm"> <FRAME SRC="secondfile.htm">)

· MARGINWIDHT= «значение» - задает ширину левого и правого полей фрейма

· MARGINHEIGHT= «значение» - задет ширину верхнего и нижнего полей фрейма

· NAME= «значение» - разрешает присвоить имя фрейму, которое может использоваться для ссылки на фрейм

· SCROLLING=”YES|NO|AUTO” –полосы прокрутки будут всегда, полос прокрутки не будет никогда, программа - браузер сама выбирает, когда будут полосы прокрутки

· NORESIZE=– запрет изменения размеров фрейма с помощью мыши

<NOFRAME> - вводится пояснительный текст, для пользователей, которые не «видят» фреймов

Связь между фреймами

<A HREF=“firstdoc.html” TARGET=“_blank” –ссылка на фрейм firstdoc.html

TARGET –атрибут связи между фреймами. Имеет насколько значений:

· _blank – загружает документ в новое окно, которое не имеет имени

· _self – загружает документ в текущее окно

· _parent – загружает документ в окно родительской фреймовой структуры

· _top – загружает документ в окно фреймовой структуры верхнего уровня относительно данного фрейма

Пример использования фреймов

<HTML>

<HEAD>

<ТITLЕ>Домашняя страница справочника по Интернету"</ТITLЕ>

</HEAD>

<FRAMESET COLS="20%,*">

<FRAME SRC="firstdoc.html">

<FRAME SRC="secondfile.html>

<NOFRAMES>

Эта страница создана с использованием фреймов, которые не поддерживаются вашим браузером.

Щелкните <А HREF="noframes.html">ЗДЕСЬ</A>, чтобы перейти к странице, созданной без применения фреймов.

</NOFRAMES>

</FRAMESET>

</HTML>

Бегущая строка

<MARQUEE>ТЕКСТ</MARQUEE>- бегущая строка

<MARQUEE DIRECTION=left> ТЕКСТ </MARQUEE>бегущая строка справа налево

<MARQUEE DIRECTION=right> ТЕКСТ </MARQUEE> - бегущая строка слева направо

scroll – стандартное движение от правого края к левому

slide – надпись одни раз пробегает от правого края к левому, где и остается

alternate – движение от правого края к левому и обратно; бесконечный цикл

<MARQUEE LOOP=n> ТЕКСТ </MARQUEE> - ограничение числа циклов,n – число повторений циклов;

<MARQUEE WIDHT=n> ТЕКСТ </MARQUEE> - указывает ширину участка, занимаемого бегущей строкой, где n - ширина той части страницы, на которой расположена бегущая строка;

<MARQUEE scrollamount=n> ТЕКСТ </MARQUEE> - регулировка движения надписи по экрану; n – число пикселей;

<MARQUEE scrolldelay=t> ТЕКСТ </MARQUEE> -задание скорости, где t- время, спустя которое текст будет заново перерисован на экране;

<FONTSIZE=n><MARQUEE> ТЕКСТ </MARQUEE></FONT> - возможность указывать величину шрифта текста в строке;

<MARQUEE BGCOLOR=n> ТЕКСТ </MARQUEE> - окрашивает поверхность бегущей строки в какой-либо цвет, где n- номер цвета текста;

<MARQUEE HEIGHT=n> ТЕКСТ </MARQUEE> - высота бегущей строки, где n- величина в пикселях;

Дата добавления: 2015-10-02