OPFI / 09-OPFI_VI_Vvedenie_v_web-dizayn_rus
.pdf
Перевод строки и горизонтальные
линии
Используя команду <BR> можно перейти на новую строку, не начиная нового абзаца. Например:
Институт<BR>В котором мы учимся<BR>
даст на экране:
Институт
Вкотором мы учимся
Горизонтальная линия
Используя команду <HR> можно разделить текст горизонтальной чертой
Цвет в HTML документе
Установка цветов в HTML документе производится с использованием атрибутов установки цвета в командах: BODY, FONT, HR, MARQUEE и TABLE. Например, для установки цвета фона используется атрибут BGCOLOR= в команде BODY.
Например: <BODY BGCOLOR=WHITE>
Выбор цвета можно производить двумя способами:
Заданием имени выбранного цвета
Заданием номера RGB выбранного цвета
Язык HTML поддерживает следующие имена цветов:
AQUA, BLACK, BLUE, FUCHSIA
GRAY, GREEN, LIME, MAROON
NAVY, OLIVE, PURPLE, RED
SILVER, TEAL, WHITE, YELLOW
Таблица соответствий имен и номеров цветов
Изображения и мультимедиа в HTML
Графика и картинки
Графические файлы включаются в HTML документы с помощью команды IMG. Допускается использование файлов в формате GIF или JPG/JPEG (для систем, работающих под MS Windows, допускаются файлы формата BMP)
Следующий пример демонстрирует, вставку в документ GIF файла:
HTML\Графика и картинки.htm
Графика и картинки
Атрибут SRC определяет URL адрес (имя) графического файла. В приведенном примере файл будет размещен в квадрате шириной 46 и высотой 46 пикселей соответственно. Если размеры указанные атрибутами HEIGHT (высота) и WIDTH (ширина), не совпадают с размерами графического файла, то последний масштабируется
Рекомендуется для больших графических файлов (более 10 Kb) всегда задавать их размеры, для повышения скорости работы браузера. Если размеры не заданы, то встретив графический файл браузер прекращает вывод текста и ждет пока перекачается вся картинка, чтобы определить ее размеры
Атрибут ALT указывает, что ставить на место рисунка, если ваш браузер не умеет показывать графические файлы или вследствие медленной скорости перекачки вы не получили файл по сети
Графика и картинки
Если вы вставляете команду IMG в документ, то браузер размещает следующий за ней текст внизу от картинки. Используя атрибут ALIGN, можно переместить следующий перед и за картинкой текст.
Допустимые значения атрибута ALIGN= TOP, BOTTOM,
MIDDLE
HTML\Атрибут ALIGN.htm
ŖПлавающиеŗ картинки
Используя атрибут ALIGN со значениями LEFT или RIGHT можно создать “плавающую” картинку, которую будет обтекать текст. В конце плавающего объекта обязательно должна присутствовать команда <BR> с атрибутом CLEAR, который прекращает обтекание картинки. После этой команды текст выводится ниже графического файла. Например:
Что дает:HTML\Плавающие картинки.htm
Атрибут HSPACE задает горизонтальный отступ между текстом и картинкой.
Если данный атрибут не задан, то текст будет располагаться вплотную к картинке
Видео клипы
Видео клипы. Используя команду IMG можно вставить в документ видеоклип (.avi). Для задания видео фрагмента используется атрибут DYNSRC. Например:
HTML\Видео.htm
В этом примере видеоклип будет демонстрироваться непрерывно: атрибут LOOP имеет значение
LOOP=INFINITE. Атрибуты CONTROLS и AUTOSTART управляют способом проигрывания клипа (клип может стартовать сразу после загрузки документа или после того как пользователь нажмет на
изображение заданное атрибутом SRC
Звуки
Звуки. Команда BGSOUND задает фоновые звуки или музыку при просмотре документа. Атрибут SRC должен указывать на URL соответствующего звукового файла (.WAV, .AU, MIDI). Атрибут LOOP указывает на частоту проигрывания звукового файла. Например: HTML\Звуки.htm
Если LOOP=INFINITE (или LOOP=-1) то звук играется непрерывно
Движущийся текст
Команда MARQUEE позволяет задать движущийся текст.
Например: HTML\Движущийся текст.htm
Что даст:
В этом примере текст Движущийся текст. двигается слева направо со скоростью 10 пикселов с задержкой 200 миллисекунд.
Для команды MARQUEES применяются атрибуты ALIGN (LEFT или RIGHT), подобно картинкам (IMG), установка
BACKGROUND COLOR, HEIGHT, WIDTH, и горизонтальные и вертикальные отступы