Сделайте из себя - вебмастера!
Главная страница
Вся информация об этом сайте расположена здесь
Здесь можно скачать различную музыку
Лучшие 50 песен за последний месяц
Что-то ищете? Вам сюда!
Охота пообщаться и провести дискуссии? Вам сюда!
Общайтесь в реальном времени с реальными людьми!
Остроты, шутки, приколы, картинки, полезная инфа и многое другое
Для тех, кто хочет создать свой сайт
Для тех, кто имеет свой сайт и знает HTML
Форум сайта. Заходите, регистрируйтесь, общайтесь!


Данный раздел в изучаемой нами теме посвящён тому, с помощью чего Web-страницы становятся цветными и интересными, а именно - речь пойдёт о рисунках, плавающих окнах, и внедрении мультимедийных объектов в страницы.

<img>

Тег вставляет рисунки различных форматов, а также баннеры в ту область, где он указан. Он непарный. Рисунок - это, так сказать, главное оружие дизайнера, так что вникайте!

Параметры:

src - обязательный параметр. Указывает URL файла с изображением. Файл должен иметь расширение "*.jpg", "*.gif", или "*.png", но от последнего лучше воздержаться. Если вам охота вставить рисунок с расширением "*.bmp", то назовите файл так: имя_файла.gif.bmp. Если ваш компьютер не отображает расширения, то файл будет выглядеть как имя_файла.gif. Истинное расширение "*.bmp" не отобразится.

height - задаёт высоту площади вставляемого файла в пикселах, либо в процентном соотношении к Web-странице. Значением может быть от 1 до n и от 1% до 100%.

width - задаёт ширину площади вставляемого файла в пикселах, либо в процентном соотношении к Web-странице. Значением может быть от 1 до n и от 1% до 100%.

hspase - задаёт отступ текста от картинки по горизонтали в пикселах. Если параметр не указан, то текст ниже и выше рисунка прямо граничит с ним. При этом параметр align не употребляется.

vspase - задаёт отступ текста от картинки по вертикали в пикселах. Просто необходимо при обтекании изображения текстом, иначе более одной строки текста до и после рисунка не влезет. При этом параметр align не употребляется.

align - задаёт способ выравнивания изображения в документе. При этом параметры hspase и vspase не употребляются. По умолчанию отсутствует. Может принимать следующие значения:

left - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.
bottom - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.

name - определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript-сценариев.

alt - задаёт всплывающий текст, отображаемый браузером в жёлтой рамочке при наведении на картинку. В качестве значения задается текст с описанием изображения.

border - задаёт ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение border обычно указывают равным 0.

<embed>

Данный тег вставляет в страницу объекты мультимедиа. Но, несмотря на привлекательность этого элемента, поверьте, иногда лучше его не использовать. Тег парный.

Параметры:

src - указывает имя и путь к вставляемому файлу.

hidden - значения этот параметр не имеет. При его указании объект становится скрытый, но тогда в параметре autostart нужно указать значение true. Применяется при создании фонового звука.

width - задаёт ширину объекта в пикселах, либо в процентном соотношении к Web-странице. Значением может быть от 1 до n и от 1% до 100%.

height - задаёт высоту объекта в пикселах, либо в процентном соотношении к Web-странице. Значением может быть от 1 до n и от 1% до 100%.

align - задаёт расположение объекта в Web-странице. Возможные значения: left (по умолчанию), center и right.

autostart - задаёт способ воспроизведения файла. Если установлено значение true (по умолчанию), то файл воспроизводится при загрузке страницы. А если false, то для воспроизведения файла нужно нажать кнопку "play".

loop - задаёт режим воспроизведения по циклу. Устанавливаются значения true или false.

<iframe>

Вставляет в Web-страницу другую страницу. Это так называемое плавающе окно. Такую вещь вы можете наблюдать на главной странице и в разделе "Форум". Тег парный.

Параметры:

src - указывает имя и путь к вставляемому файлу.

width - задаёт ширину объекта в пикселах, либо в процентном соотношении к Web-странице. Значением может быть от 1 до n и от 1% до 100%.

height - задаёт высоту объекта в пикселах, либо в процентном соотношении к Web-странице. Значением может быть от 1 до n и от 1% до 100%.

Окно без рамок - введите в тег <iframe> следующие параметры и их значения: border=0 frameSpacing=0 frameBorder=0. Получится: <iframe border=0 frameSpacing=0 frameBorder=0></iframe>.


Пример 1:

Исходный текст:

<img src="pp.gif.bmp" alt="Всплывающая подсказка" 
border="2"><!-- Наведите курсор на рисунок -->
<p>
<embed src="dy-g.mp3" width="200" height="20" autostart="false">
<noembed><!-- Текст, который отобразится, 
если браузер не поддерживает объекты мультимедиа -->
К сожалению, ваш браузер не поддерживает объекты 
мультимедиа</noembed></embed>
 - отрывок Daddy Yankee - Gasolina
</p>
<iframe src="v.htm" width="250" height="55"></iframe>

Результат:

Всплывающая подсказка

<!-- Текст, который отобразится, если браузер не поддерживает объекты мультимедиа --> К сожалению, ваш браузер не поддерживает объекты мультимедиа - отрывок Daddy Yankee - Gasolina


<<<Предыдущий раздел|Следующий раздел>>>

                                                                          С ЧЕГО НАЧАТЬ
ФОРМАТИРОВАНИЕ ТЕКСТА
РИСУНКИ И ВСТАВКИ
ТАБЛИЦЫ
ФОРМЫ
СТРУКТУРА
CSS
РАЗМЕЩЕНИЕ
В ЗАКЛЮЧЕНИЕ
EXE

Используются технологии uCoz