Выравнивание текста и графики
Теги <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-файлы встраиваются в документ точно таким же образом, и не требуют дополнительных параметров.