Home




Графика
Статьи - Xhtml
Автор: Night_Pilgrim   

"Графика"


   Кроме атрибутов тегов table и body, которые позволяют использовать рисунки для отображения их на заднем фоне, графика на сайт добавляется ещё тегом img. Этот тег имеет следующие атрибуты:

  • src - указывает путь к файлу;

  • alt - указывает на то, что будет написано в случае отсутствия файла или отключенной графики;

  • width - указывает на ширину рисунка, в случае отсутствия файла или отключенной графики указывает на ширину альтернативного прямоугольника;

  • height - указывает на высоту рисунка, в случае отсутствия файла или отключенной графики указывает на высоту альтернативного прямоугольника;

  • title - указывает название рисунка


  •    Тег img - не имеет закрывающегося тега и потому слэш ставится в самом теге.

    Пример:

    1 рисунок

    Welcome to Green-Willow

    Другие атрибуты тега img:

    • align - выравнивание

      • bottom - по окружающему тексту

      • left - по левому краю

      • middle - по базовой линии текущей строки

      • right - по правому краю

      • top - верхнему краю

      • border - рамка изображения

      • hspace - горизонтальный отступ от изображения

      • vspace - вертикальный отступ от изображения

      • ismap - указывает на то, что картинка является серверной картой-изображением.

      • usemap - ссылка на тег , содержащий координаты для клиентской карты-изображения.

      • lowsrc - ссылка на картинку меньшего размера, для предварительного просмотра.


    Пример:

    2 рисунок

       Помимо растровой графики на сайте ещё может использоваться векторная, чтобы добавить флэш-обьект на сайт, нужно воспользоваться следующим тегом:

    3 рисунок

       На сайте можно разместить статус онлайн/оффлайн ICQ номера, следующим образом:

    4 рисунок

    Где вместо (ICQ) - подставляем интересующий номер ICQ.


    Для того чтобы поставить статус mail-agent'а от mail.ru, введите:

    5 рисунок

    Вместо (ваш e-mail) указываете адрес вашего почтового ящика в системе mail.ru .
     
    Интересная статья? Поделись ей с другими:

    Опубликовать в Twitter Написать в Facebook Поделиться ВКонтакте В Google Buzz Записать себе в LiveJournal Показать В Моем Мире В дневник на LI.RU Поделиться ссылкой на Я.ру

    Яндекс.Метрика




    © Green-Willow.ru. Копирование материалов разрешается только если указана ссылка на первоисточник!