Как вставить изображение в html: 6 шагов

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

Чекори

Метод 1 од 1:

Вметнете слика во HTML

Еден. Проверете ја сликата за слободен хостинг, како Photobucket или Tinypic, овозможувајќи користење на ресурси од други сервери. На некои сајтови тоа е забрането, бидејќи е потребно пропусен опсег и место на серверот.

Ако имате платена сметка за хостинг, преземете ја сликата таму. Ова е посигурно од слободното место.

Сликата со наслов Вметнете ги сликите со HTML чекор 2

2. Отворете нов документ во уредувач на текст (на пример, во Notepad), или страница на страницата или профилот каде што можете да го промените HTML.

Сликата со наслов Вметнете слики со HTML чекор 3

3. Започнете со ознака Img. Таг Img Сингл, односно, тој не е потребна затворен таг, иако за да се постигне усогласеност со XHTML стандардите, можете да додадете простор и коса црта.

Сликата со наслов Вметнете ги сликите со HTML чекор 4

Четири. Постојат многу достапни предмети, но апсолутно неопходно само:СРЦ. Тоа ја покажува локацијата или URL-то.

Сликата со наслов Вметнете слики со HTML Чекор 5

Пет. Следно треба да додадете ставка Alt. Тој е одговорен за текстот што ќе биде прикажан ако сликата од некоја причина не се подигне. Овој текст исто така може да користи слепи корисници користејќи програми за читање на екранот.

Ако го лебдите курсорот на сликата, тогаш резервниот текст ќе биде прикажан во објаснувањето на акцијата, но само во Internet Explorer. Crossbraser решение (работи во Firefox итн.) - Користете ставка Наслов како додаток на Alt. Не го правам тоа ако не сакате да ги објасните активностите.

На пример:

Сликата со наслов Вметнете слики со HTML чекор 6

6. Сега елементи Висина и Ширина Можете да поставите големини на слики, како и да наведете пиксели или проценти. Известување со промена на големината, ја менувате големината на прикажаната слика, прелистувачот сепак ќе ја преземе изворот на големина на сликата. Ако вашата слика е преголема, тогаш променете ја својата големина во програмата за уредување на сликата, ќе одговара на извалкани.Com

Совети

Вредноста на овие елементи е означена со пиксели, или како процент од 1 до 100.
Можете да ставите слика или слика насекаде на веб-страница со врвот, дното, средното, десно, лево и т.Д.
HSpace елемент се користи за создавање празен хоризонтален простор од сликата, лево или десно. Vspace елемент - одозгора или на дното.
Не застанувајте со слики, сè ќе изгледа случајно и непрофесионално.
За логоа и цртани филмови одговара на сликите GIF, за сложени слики како висококвалитетни фотографии подобро е да се користи JPEG.

GIF слики поддржува 8-битна боја до 256 бои. Користејќи го овој формат за фотографии, како што изгубите нешто.
GIF слики ја поддржуваат транспарентноста. Можеби една малку транспарентност, односно, една боја може да биде транспарентна.
Исто така е поддржана и алтернација, т.Е. Дури и пред преземањето, корисникот може да процени како ќе изгледа сликата.
GIF формат, исто така, поддржува анимација.

Предупредувања

Не hotllink!