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

Тег <img> служит для внедрения графики на страницы.


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

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

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

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

пример

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

моя фотка

При отключенной графике посетитель увидит текст включенный Вами в параметр alt

Здесь Вы могли бы увидеть мою фотку, но у Вас отключена графика. А я блин, такая растакая красивая )))




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

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

<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>


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

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


Ссылка на e-mail

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


Для защиты своего e-Mail от спамерских ботов, адрес можете вставлять   скриптом.

Тег <script> предназначен для описания скриптов, может содержать ссылку на программу или ее текст на определенном языке. Скрипты могут располагаться во внешнем файле и связываться с любым HTML-документом.

Пример

<script language="javascript" type="text/javascript">
var f="yandex";
f+=".ru";
f="kongreen"+"@"+f;
document.write(f);
</script>

Результат


Установка ссылки скриптом

Пример

<script language="javascript" type="text/javascript">
document.write('<p><a href="http://help-html-css.narod.ru/">Главная<\/a><\/p>');
document.write('<p><a href="http://help-html-css.narod.ru/photolink.html">Ссылки<\/a><\/p>');
</script>

Результат



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

<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">

 

 

 

Поиск по сайту

Реклама


 

Hosted by uCoz