• Интернет
  • Дизайн и изработка на уеб сайт

Поставяне на изображения в HTML

Добавяне на изображения към уеб сайт или страница социална мрежа - чудесен начин да декорирате страница. HTML (Hypertext Markup Language) има много функции за уеб програмиране, но кодът е необходимо да вмъкнете изображения много лесно.

Стъпки

Поставете снимката за HTML

    Поставяне на изображения в HTML
  1. Качване на снимки за безплатен хостинг, като Photobucket или TinyPic, което позволява използване на ресурсите на други сървъри. На някои места е забранено, тъй като отнема трафик и пространство на сървъра.
    • Ако имате платен хостинг акаунт, качване на снимки там. Това е надежден безплатен сайт.


    • Поставяне на изображения в HTML
    • Отворете нов документ в текстов редактор (например Notepad), или на страницата на нашия сайт или профил, където можете да промените HTML.

    • Поставяне на изображения в HTML
    • Започнете с IMG таг. Img маркер единствена, че той не се нуждае от затварящ етикет, все пак, за да се постигне съответствие със стандартите на XHTML, можете да добавите интервал и наклонена черта.
      • LT; IMG / GT;


      • Поставяне на изображения в HTML
      • Има много продукти, достъпни, но само за абсолютно необходима:SRC. Той посочва местонахождението или URL-адреса на изображението.
        • LT; IMG SRC = URL на изображението / Gt;


        • Поставяне на изображения в HTML
        • Сега трябва да добавите ALT. Той е отговорен за текста, за да се покаже, когато изображението по някаква причина не се зарежда. Този текст може да използва и незрящите потребители, използващи екранни четци.
          • Ако мишката върху снимката, алтернативен текст ще бъде показан в обяснението на действие, но само в Internet Explorer. Разтвор Krosbrauzernosti (работи в Firefox и други.) - Използва титлата в допълнение към ALT. Не го прави, ако не искате обяснение на действие.

          • Например: LT; IMG SRC = URL на изображението ALT = само в случай, заглавие = Обяснение действие / Gt;


          • Сега височината на елементи и ширината да зададете размерите на изображението и зададени пиксели или проценти. Имайте предвид, че промяна на размера, така че можете да промените размера на показаната снимка, браузърът ще продължи да изтеглите оригиналния размер на изображението. Ако изображението е твърде голям, след това да промените размера на програмата, редактор на изображения, подходящи PicResize.com
            • LT; IMG SRC = URL на изображението ALT = Само в случай, заглавие = обяснение на височина = 50% ширина = 50% / Gt;Поставяне на изображения в HTML

            • LT; IMG SRC = URL на изображението ALT = Само в случай, заглавие = височина FAQ действия = високо 25 пкс ширина = 50px / Gt;Поставяне на изображения в HTML


            Съвет

            • Стойността на тези елементи или посочено в пиксели или като процент от 1 до 100.

            • Картината или изображението може да се постави навсякъде върху уеб страница елемент с горе, долу, средна, десни, леви, и т.н. а

            • Hspace елемент се използва за създаване на празно пространство хоризонтално от картинката в ляво или дясно. Позиция vspace - горната или долната част.

            • Не прекалявайте с изображения, тя ще изглежда хаотична и непрофесионално.

            • За лога и карикатура изображение подходящ GIF, за сложни образи, сякаш висококачествени снимки по-добре да използват JPEG.
            • GIF изображения поддържа 8-битов цвят 256 цвята. Използването на този формат за снимки, вие губите нещо.

            • GIF изображения подкрепа на прозрачността. Може би малко на прозрачност, която е един цвят може да стане прозрачен.

            • Смяната се подкрепя, т.е. преди да изтеглите един потребител може да прецени как изображението ще изглежда така.

            • Форматът GIF поддържа анимация.


            Предупреждение

            • Не Hotlink!