Горизонтальная линия – тэг HR

Для вставки простых горизонтальных линий в HTML документ используется тэг < HR >. Тэг может иметь атрибуты SIZE, WIDTH и ALIGN.

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

Атрибут WIDTH задает ширину линий либо в пикселях, если указана абсолютная величина (например “200”), либо в процентах от ширины окна броузера, если указана величина в процентах (например “65%”).

Атрибут ALIGN задает положение линии по горизонтали: LEFT – прижата к левому краю окна, RIGTH – прижата к правому краю окна, CENTER – центрирована относительно окна.

Вставка рисунков – тэг IMG

Изображения не хранятся внутри самих HTML документов, как это происходит в большинстве случаев при вставке изображения, например, в документ Word. Вместо этого в HTML документе в нужном месте ставится тэг <IMG>, означающий, что при отображении страницы Internet-обозреватель должен в этом месте вставить нужное изображение.

Откуда обозреватель при отображении должен взять файл с изображением, указывается с помощью атрибута SRC. Это самый важный атрибут в тэге IMG, так как если неправильно указать положение файла рисунка, то рисунок вообще не будет показан.

Рисунок может располагаться, например, в том же каталоге, где и сам HTML документ, в другом каталоге, на другом Web-сервере.

В качестве значения атрибута SRC в общем случае указывается полный URL файла с изображением. Например, если указать

 

<IMG SRC="http://www.ssau.ru/logo.gif">

 

то при отображении HTML документа в месте, где указан тэг, появится рисунок, файл которого находится по указанному адресу.

Самым простым способом задания атрибута SRC является случай, когда и файл рисунка, и сам HTML документ сохранены в одном каталоге. В этом случае тэг IMG и атрибут SRC могут выглядеть, например, так:

 

<IMG SRC="mypic.jpg">

 

Приведенный пример будет работать корректно, только если и HTML документ, и файл mypic.jpg расположены в одном и том же каталоге.

 

Для задания положения рисунка в документе относительно текста используется атрибут ALIGN. Примеры тэга IMG с различными значениями атрибута ALIGN приведены в таблице 11.

Таблица 11

Пример HTML	Результат при отображении
Macromedia Dreamweaver helps you organize <IMG SRC="test.gif" ALIGN="LEFT"> the files in your local and remote folders (also called "sites) using the Site panel.
Macromedia Dreamweaver helps you organize <IMG SRC="test.gif" ALIGN="RIGHT"> the files in your local and remote folders (also called "sites) using the Site panel.
Macromedia Dreamweaver helps you organize <IMG SRC="test.gif" ALIGN="TOPT"> the files in your local and remote folders (also called "sites) using the Site panel.
Macromedia Dreamweaver helps you organize <IMG SRC="test.gif" ALIGN="BOTTOM"> the files in your local and remote folders (also called "sites) using the Site panel.
Macromedia Dreamweaver helps you organize <IMG SRC="test.gif" ALIGN="MIDDLE"> the files in your local and remote folders (also called "sites) using the Site panel.

 

Гиперссылки – тэг A

Для вставки в HTML документ ссылок на другие страницы или файлы используется тэг < A > с атрибутом HREF. Закрывающий тэг </ A > - обязателен.

В качестве значения атрибута HREF указывается URL (желательно полный), например, той страницы, куда ведет данная ссылка. Если между тэгами <A> и </A> включен текст, то этот текст оформляется как ссылка.

Пример тэга <A> приведен в таблице 12.

Таблица 12

Пример HTML	Результат при отображении
HTML был ратифицирован <A HREF="http://www.w3.org"> World Wide Web Consortium</A>. Он поддерживается несколькими широко распространенными броузерами	HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными броузерами

 

Если между <A> и </A> стоит тэг <IMG> (вставка рисунка), то рисунок будет работать как ссылка.