?

Log in

HTML и CSS для начинающих

.

Journal Info

Name
Konrad Green
Website
Help-HTML-CSS

Navigation

Skipped Back 10

Ноябрь, 17, 2008

1) Многие начинающие веб-строители хотят, чтобы при входе на их "крутой" сайт
играла музыка. Специально для них дядя Билл и придумал тег <bgsound>

<bgsound src="music.mid" loop="1">

Параметры

balance - Управляет балансом звука между правой и левой колонками.
loop - Устанавливает, сколько раз проигрывать музыкальный файл.
src - Путь к музыкальному файлу.
volume - Задает громкость звучания музыки.

Размещать тег <bgsound ...> надо в заголовке документа, между тегами head.

Такой способ озвучивания веб страниц плох тем, что эту самую фоновую музыку
нельзя отключить и страница не пройдет валидацию, потому как тега bgsound нет в
спецификации. При заходе на такую страницу посетители любящие слушать музыку
(свою) вынуждены либо выключать колонки, либо просто уходят.

2) При другом способе использования озвучки страниц, теги валидны, музыку можно
при желании отключить, но сам по себе элемент неожиданности от включения фоновой
музыки раздражает и иногда даже пугает посетителей.

<object type='application/x-mplayer2' data='music.mp3' width='300' height='70'>
<param name='FileName' value='music.mp3'>
<param name='autoplay' value='true или false'>
</object>

Вместо - music.mp3 вставляете адрес своего файла

Параметры true и false работают только в Internet Explorer
3) Рекомендуется либо использовать специальные проигрыватели в которых заложена
функция включить-выключить, либо давать ссылки на страницы с музыкой.
Метки: ,

Тег a

Поделиться
red
Тег <a> служит для создания гипертекста (ссылок). Гипертекст позволяет
осуществлять переход от одного документа к другому. Закрывающий тег обязателен.
Тег должен содержать либо атрибут name, либо href


Атрибуты

name - Задает имя элемента. Имя используется, например, для создания ссылок
между фреймами

href - Задает URL ресурса, на который должен перейти пользователь, щелкнув по
ссылке. Атрибут может указывать как на внешний документ, так и на элемент внутри
данного документа.

name - Имя ссылки или фрейма

_blank - Загружает ссылку в новое окно

_parent - Загружает ссылку в родительском окне

_search - Загружает ссылку в панель поиска браузера. Доступно в Internet
Explorer 5 и выше

_self - По умолчанию. Загружает ссылку в это же окно, где был произведен клик по
ссылке

_top - Загружает ссылку в topmost окно

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

Обычная гиперссылка

<a href="URL" title="всплывающая подсказка">Текст ссылки</a>

Вместо URL надо вставить нужный Вам адрес, например http://narod.yandex.ru/

<a href="http://narod.yandex.ru/" title="народ.ру">Хостинг Narod.Ru</a>

<a href="http://narod.yandex.ru/" target="_blank">ссылка открывает новое окно</a>

Пример - help-html-css.narod.ru

Картинка в роли ссылки

<a href="http://адрес-на-который-ведет-ссылка/">
<img src="http://адрес-фото.ru/foto.gif" width="88" height="31" alt="альтернативный
текст">
</a>

Ссылка на e-mail

<a href="mailto:kongreen@ya.ru" title="kongreen@ya.ru">Мой почтовый ящик</a>

Почтовая гиперссылка имеет несколько параметров (не обязательных):

?subject - Тема пиcьма

&Body - Текст вашего сообщения

&cc - Копии письма через запятую

&bcc - Скрытые копии письма через запятую

title="Выпадающая подсказка" - Ставится отдельно от параметров почтовой ссылки.

Непронумерованные списки

<ul> открывающий тег списка

</ul> закрывающий тег списка

Каждая строка списка начинается с тэга <li> и заканчивается </li>

пример

<ul>
<li><a href="URL" title="всплывающая подсказка">Ссылка 1</a></li>
<li><a href="URL" title="всплывающая подсказка">Ссылка 2</a></li>
<li><a href="URL" title="всплывающая подсказка">Ссылка 3</a></li>
</ul>

Для изменения внешнего вида маркера в тег <ul>
можно включать параметр type со значениями disc, circle, square

<ul type="disc">
<ul type="circle">
<ul type="square">
Метки:

Тег img

Поделиться
red
Тег <img> служит для отображения на веб-странице изображений.
Если Вы хотите использовать рисунок, как ссылку, тогда тег <img> необходимо
расположить в контейнер тега <a>


Установка графики

<img src="URL/папка/фото.jpg" width="ширина" height="высота" alt="моя фотка">

URL - адрес сайта (http://www.ваш сайт.ру)
папка - название папки с фотографией (латинскими буквами без_пробелов)
фото - название фотографии (латинскими буквами без_пробелов)
jpg - расширение фотографии (допускается - jpg, gif, png)
width - укажите ширину фотографии
height - укажите высоту фотографии
alt - при отключенной графике посетитель увидит альтернативный текст

Адрес картинки может быть абсолютным, то есть указывается полный адрес картинки
(например, http://www.ваш сайт/папка/фото.jpg) и относительным, когда
указывается папка и файл (например, папка/фото.jpg).

пример

<img src="images/photo.jpg" width="250" height="200" alt="моя фотка">

Картинка в роли ссылки

<a href="http://адрес-на-который-ведет-ссылка/">

<img src="http://адрес-фото.ru/foto.gif" width="88" height="31" alt="альтернативный текст">
</a>
Метки:
Разработано LiveJournal.com