Некоторые важнейшие теги HTML

<BODY bgcolor="teal" text="aqua" link="red"> - задает цвет текста

(text), цвет фона (bgcolor) и цвет гипертекстовой ссылки (link).

Задают еще alink="" и vlink="" -цвета активной и посещенной ссылки.

<BODY background="back.jpg"> - задает фоновый рисунок (обои) на Web-

странице в файле back.jpg.

<BODY background="/windows/tartan.bmp"> - фоновый рисунок (обои)

взят из файла tartan.bmp, причем указан путь этого файла.

<font color="yellow" size=5> - задает цвет символов текста (атрибут

color) и их размер (атрибут size). В конце нужен тег </font>.

<hr color="lime"> - задает цвет горизонтальной линии.

<hr color="red" size=3 width=220 align=center> - атрибут size=N

задает толщину линии в пикселах; атрибут width=M задает длину линии

в пикселах; атрибут align=center (или left, или right) задает смещение

линии (ее размещение в центре, или смещение влево, или вправо).

<IMG SRC="lycos.gif"> - вставка графического изображения в виде

файла lycos.gif. Есть и анимационные gif-файлы. Можно также

использовать и графические файлы формата *.jpg (или *.jpeg), *.bmp.

Пример графического файла lycos.gif, вставленного в документ HTML:

 


Image Lycos Loading...

 

<IMG SRC="echomsk.gif" width="403" height="263"> - если при вставке

изображения использованы атрибуты width и height, то при загрузке

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

а затем уже само изображение, поскольку оно загружается дольше.

Таким образом резервируется место на экране под изображение.

Атрибут width задает ширину изображения в пикселах.

Атрибут height задает высоту изображения в пикселах.

<img src="/html/animat/iexplor.gif"> - вставка графического

изображения в виде файла iexplor.gif, причем указан полный путь

графического файла на диске: с:\html\animat\iexplor.gif.

<img src="scene.jpg" border=3 alt="Картина"> - атрибут border

задает рамку по периметру изображения толщиной 3 пиксела. Атрибут

Alt дает текст на месте рамки, если изображения нет.

Атрибут border=0 используется, чтобы убрать рамку вокруг рисунка.

Это необходимо, например, при использовании анимированных *.gif на прозрачной основе.

<img src="flower.jpg" border=0 width="85" height="130" align="left" hspace=5 alt="Цветок">

Здесь атрибут hspace=5 обеспечивает плавное обтекание рисунка текстом.

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

Атрибут align="left" обеспечивает размещение рисунка слева.

<a href="excite.htm">excite.htm</a> - гипертекстовая ссылка,

переход к файлу excite.htm.

<a href="C:\book\book.inf">BOOK.INF</a> - гипертекстовая ссылка,

переход к файлу BOOK.INF. При запуске броузера следует указать

программу для просмотра текстового файла BOOK.INF, например EDIT.COM.

При работе в Интернете, в отличие от локального компьютера, следует

различать файлы с большими и с маленькими буквами в имени и

расширении. Должно быть полное соответствие между именами файлов

по размеру каждой буквы в имени и расширении, указанными в

гиперссылке и лежащими на сервере, иначе гиперссылки не будут работать.

Для облегчения работы можно задавать цифровые имена файлов

(цифры всегда одного размера).

<a href="http://www.da.ru">http://www.da.ru</a> -

гипертекстовая ссылка в виде текста, переход в Интернете к Web-странице.

Пример:  http://www.da.ru/

 

Нажмите здесь: <a href="zinn.gif"><img src="globe.gif" border="3"></a> -

гипертекстовая ссылка в виде изображения globe.gif, переход к просмотру

изображения zinn.gif.

<a href="mailto: int@mtu-net.ru">int@mtu-net.ru</a> - гиперссылка на

адрес электронной почты. При нажатии происходит вызов почтовой

программы и указанный адрес вводится в пункт Кому. Пример:  E-mail: int@mtu-net.ru

 

<EMBED SRC="Welcome.avi" Width=280 Height=140 autostart=true> - вставка

объекта в документ HTML. В данном случае это мультимедийный файл *.avi,

причем при загрузке страницы происходит автозапуск этого файла, размеры

которого на экране заданы атрибутами Width и Height.

 

Если документ HTML большой, то внутри него делают переходы по

метке (U01):

<P><a href="#U01">Введение</a></P>

.........................................

<a name="U01">Введение</a>

 

Создание бегущей текстовой строки (только для Internet Explorer):

 

<marquee behavior="scroll" direction="right" loop="-1">

Интернет - это окно в мир!</marquee>

 

Если текстовая строка должна бежать влево, то вместо right должно

быть слово left. Можно создать бегущую текстовую строку еще проще

(то есть без атрибутов, и она будет бежать влево):

 

<marquee>Добро пожаловать в Интернет!</marquee>

 

Если текстовая строка должна бежать то влево, то вправо, то в теге

<marquee> используется атрибут behavior="alternate". Пример:

 

<h2><i><b><font color="green"><marquee behavior="alternate">

Как прекрасно жить на свете!</marquee></font></h2></i></b>

 

Цвет символов бегущей строки задается тегом <font color="">,

а цвет фона строки тегом <body bgcolor="">.

 

Для воспроизведения звука (файл *.mid) после загрузки документа HTML

в броузер Internet Explorer или Opera (т.е. в фоновом режиме), надо записать

следующую команду: <bgsound src="/windows/canyon.mid" loop=1>

Можно также использовать файл формата *.wav. Число воспроизведений

музыки loop можно увеличить с 1 до n.

Другие записи

10.06.2016. Список цветов символов HTML
(16 основных цветов) aqua - бирюзовый; black - черный; blue - синий; gray - серый; green - зеленый; lime - ярко-зеленый; maroon - темно-красный; white - белый; navy - темно-синий; olive - оливковый;…
10.06.2016. Создание таблиц в HTML
Таблицы являются удобным средством форматирования данных в HTML. Таблицу задает и определяет ее общие свойства тег
. По горизонтали, например по центру, таблицу можно выровнять с помощью…
10.06.2016. Примеры создания простейших Web-страниц. Создание элементов диалога (кнопок и др.)
В Интернете есть сайты, размещающие домашние web-странички бесплатно, например http://www.chat.ru/ (до 20 Мб), http://www.narod.ru/ (до 100 Мб), http://www.boom.ru/ (до 50 Мб), http://www.fortunecity.com/…