Выравнивание текста и графики

Теги <LEFT>, <RIGHT>, <CENTER>выравнивают текст и графику по левому краю,правому краю или центру, соответственно.

Более современные браузеры для выравнивания текста используют директиву ALIGN в теге <P>, которая может принимать значения left, right, center, justify.

ПРИМЕР:

<P ALIGN=left> Это называется выключкой по левому краю </P>

<P ALIGN=right> Это называется выключкой по правому краю </P>

<P ALIGN=center> Это называется центрированием </P>

<P ALIGN=justify> Это называется выравненный текст </P>

ПРИМЕЧАНИЕ.

Для того, чтобы поместить в текст документа комментарий – пояснительный текст, который не должен отображаться на экране, следует использовать следующий тег:

<!-- …. -->

Текст комментария располагается вместо точек.

Разделительные полосы

Тэг <HR > (horizontal rule –горизонтальная полоса) разбивает текст (аналогично тегу <P>) и проводит горизонтальную полосу шириной во весь экран.

Вид стандартных полос можно изменить с помощью необязательных атрибутов: SIZE –толщина полосы, WIDTH –длина полосы, ALIGN – выравнивание полосы. Атрибут NOSHADE создаёт сплошную чёрную полосу без оттенения.

ПРИМЕР

<HR SIZE=10 WIDTH=200 ALIGN=CENTER NOSHADE>

Цвета фона, текста и ссылок определяютсяв начале файла HTML в теге BODY

<BODY BGCOLOR=”#aaefff”TEXT= “black” LINK =”#ff0000” VLINK=”red” BACKGROUND = "recbg.jpg" BGPROPERTIES="fixed" >

Атрибуты тега:

BGCOLOR – задаёт цвет фона,

TEXT – цвет основного текста,

LINK – цвет непросмотренных гипертекстовых ссылок,

VLINK – цвет просмотренных ссылок,

BACKGROUND – имя графического файла, используемого в качестве фона.

Фоновое изображение– это графический файл (расширение GIF или JPG) с изображением небольшой прямоугольной области. При просмотре в браузере эти изображения многократно повторяются, заполняя все окно. Чем меньше размер изображения, тем быстрее будет загружаться весь фон.

Цвета ссылокможно определить в теге стилей <style> (это так называемые каскадные стили). При этом значения атрибутов, определенныхв тэге <style> имеют приоритет перед определениями, сделанными в теге BODY или в теле документа.

ПРИМЕР:

<head>

<style>

a:link {color:#ff5500; font-weight:normal; }

a:visited {color:#00ff00; font-weight:normal; }

a:hover {color:blue; font-weight:normal; }

</style>

</head>

Фоновыйзвук

InternetExplorerраспознаетобаформатаоцифрованногозвука (WAW,AU), атакжеформатMIDI.Большие файлы требуют много времени для передачи и загрузки.

Тэг <BGSOUND SRC=”file.wav” LOOP=10> обеспечивает загрузку и воспроизведение на соответствующем аппаратном обеспечении.

Где:

· SRC – это сокращение от Source (источник).

· LOOP определяет число повторений звукового клипа. Чтобы звук повторялся бесконечно, надо задать ключевое слово INFINITE.

Графика

Графические файлы используются в HTMLдокументах с целью повышения наглядности и привлекательности документов, а также для вставки текстов, например, математических формул, которые трудно воспроизвести при помощи текста.

<IMG SRC=”image1.jpg”> – это минимальная форма записи вставки графического файла, image1.jpg – это имя графического файла, вставляемого в документ

<IMG SRC=”image1.jpg” LOWSRC=” image1-1.jpg”ALT==”image1.jpg”WIDTH=… HEIGHT=… ALIGN=LEFTHSPACE=20VSPACE=10 BORDER=2 > – эторазвёрнутая (максимальная) форма

LOWSRC – необязательный параметр, используемый для увеличения скорости передачи графики. Файл image1-1.jpg содержит то же изображение, что и image1.jpg, но выполнен с низким разрешением. Этот файл загружается вместе с текстом, а затем уже загружается основное изображение.

ALT – задаёт имя файла изображения, которое отображается при наведении курсора на ссылку. Особенно полезно, когда программа по каким-то причинам не находит файла изображения. Этот файл загружается вместе с текстом,а затем уже загружается основное изображение.

WIDTH, HEIGHT – ширина и высота изображения. Использование этих атрибутов существенно ухудшает качество изображения и не обеспечивает более быстрой загрузки изображения, так как фактический размер файла изображения (в байтах) при этом не изменяется (качество не ухудшится, если точно выдержать соотношение размеров изображения по ширине и высоте).

Атрибут ALIGN принимает значения:

LEFT – обеспечивает выравнивание изображение по левому краю. При этом текст обтекает изображение справа.

RIGHT – обеспечивает выравнивание изображение по правому краю. При этом текст обтекает изображение слева.

TOP – выравнивает одну строку текста (например название рисунка) по верху изображения. При этом текст располагается слева или справа от изображения, в соответствии с расположением текста относительно изображения в исходном тексте. При этом не надо ставить знака <BR>

BOTTOM – выравнивание строки текста внизуизображения (по высоте)

MIDLE – выравнивание строки текста по серединеизображения (по высоте)

HSPACE – горизонтальное поле (отступ в пикселах) вокруг изображения

VSPACE – вертикальное поле (отступ в пикселах) вокруг изображения

BORDER=2 ширина черной рамки вокруг изображения.

ПРИМЕЧАНИЕ

Анимационные GIF-файлы встраиваются в документ точно таким же образом, и не требуют дополнительных параметров.

Наши рекомендации