Редактирование кода картинки в ответе инфа
Код
<a href="http://infmania.do.am/" target="_blank"><img src="http://infmania.do.am/load/0-0-0-6-20" width="200" height="200" class="inline"></a>




Данный код представляет собой картинку размером 200 на 200 пикселей с ссылкой на сайт http://infmania.do.am/, которая открывается в новом окне


  • Чтобы поменять ссылку, на которую перейдет гость, меняем значение атрибута href в теге A на нужный адрес
  • Чтобы ссылка открывалась в фоновом окне, меняем в теге A значение атрибута target на w, а для того чтобы ссылка открывалась на странице, где и сам гость, необходимо значение атрибута target оставить пустым, либо совсем не указывать атрибут target
  • Чтобы поменять высоту картинки меняем значение атрибута height в теге img
  • Чтобы поменять ширину картинки меняем значение атрибута width в теге img
  • Чтобы свернуть картинку, поместив в ссылку необходимо в теге img :

    • Добавить атрибут alt, указав ему в значении текст, который будет отображаться гостю в виде ссылки, иначе текст в ссылке на картинку будет [картинка] (по умолчанию)
    • Убрать атрибуты width, height и class, так как они уже не нужны
    • Получаем:
      Код

      <a href="http://infmania.do.am/" target="_blank"><IMG src="http://infmania.do.am/load/0-0-0-6-20" alt="Картинка"></a>




Если указать высоту и ширину картинки меньше 64, в ответе инфа будет показан сама картинки, даже если не указать class="inline"

Также можно задать некоторое форматирование тексту ссылки при при class="fullsize".


  • Шрифт и размер текста задаем в теге FONT

    • Чтобы изменить шрифт, задаем название желаемого шрифта в значении атрибута face
    • Чтобы изменить размер текста, указываем атрибут size и в значении задаем желаемый

      размер

  • Жирный текст задаем тегом b
  • Курсив задаем тегом i
  • Выравнивание задаем в теге p

    • При значении left атрибута align текст выравнивается по левому

      краю, при значении
      center - по центру, при right - по правому краю

  • Получаем:
    Код
    <FONT face="Comic Sans MS" size="20"><p align="right"><b><i><a href="http://infmania.do.am/" target="_blank"><IMG src="http://infmania.do.am/load/0-0-0-6-20" alt="Картинка"></a></i></b></p></font>





Атрибуты тега IMG

Синтаксик: атрибут="значение"

  • src - прямая ссылка картинку (обязательный элемент)
  • height - Высота картинки
  • width - Ширина картинки
  • class - При значении fullsize отображает текст как ссылку на

    картинку, при значении "inline" отображает саму картинку
  • alt - Задает текст, который будет показываться вместо картинки, при class="fullsize". Если не указать alt, то текстом ссылки будет слово [картинка].




Атрибуты тега A

Синтаксик: атрибут="значение"

  • href - Ссылка для перехода (обязательный

    элемент)

  • target - При значении _blank

    открывает ссылку в новом окне, при значении w открывает ссылку в фоновом

    окне, при пустом значении - открывает ссылку в том же окне




Атрибуты тега FONT
Синтаксик: атрибут="значение"

  • face - Шрифт текста
  • size - Размер текста




Атрибуты тега P

Синтаксик: атрибут="значение"

  • align - выравнивание текста

    • left - текст выравнивается по левому краю
    • center - текст выравнивается по центру
    • right - текст выравнивается по правому краю



Кабинет
Форма входа
Опрос на сайте
Как вам дизайн сайта?
Всего ответов: 12
Друзья сайта
Отборные статусы
Интересное