Как да вмъкнете изображение в HTML: 6 стъпки

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

Стъпка

Метод 1 от 1:

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

един. Проверете изображението за безплатен хостинг, като Photobucket или Tinypic, позволявайки използването на ресурси от други сървъри. На някои сайтове е забранено, защото отнема честотна лента и място на сървъра.

Ако имате платен хостинг акаунт, изтеглете изображението там. Това е по-надеждно от свободното място.

Изображение, озаглавено вмъкнете изображения с HTML стъпка 2

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

Изображение, озаглавено вмъкнете изображения с HTML стъпка 3

3. Започнете с етикет img. Tag img Единична, т.е. той не се нуждае от затварящ маркер, въпреки че да се постигне съответствие с XHTML стандартите, можете да добавите пространство и наклонена черта.

Изображение, озаглавено вмъкнете изображения с HTML стъпка 4

4. Има много налични предмети, но абсолютно необходимо:SRC. Това показва местоположението или URL изображението.

Изображение, озаглавено вмъкнете изображения с HTML стъпка 5

пет. След това трябва да добавите елемент Alt. Той е отговорен за текста, който ще бъде показан, ако изображението по някаква причина не се зарежда. Този текст може също да използва слепи потребители, използващи програми за четене на екрана.

Ако задържите курсора на изображението, тогава резервният текст ще бъде показан в обяснението на действието, но само в Internet Explorer. Разтвор на кръстосания (работещ в Firefox и т.н.) - Използвайте елемент Заглавие в допълнение на Alt. Не го правете, ако не искате да обясните действията.

Например:

Изображение, озаглавено вмъкнете изображения с HTML стъпка 6

6. Сега елементи Височина и ширина Можете да зададете размери на изображението, както и да посочите пиксели или проценти. Обърнете внимание, като промените размера, променяте размера на показаното изображение, браузърът все още ще изтегли размера на изхода на изображението. Ако вашето изображение е твърде голямо, променете размера му в програмата за редактор на изображения, ще пасне PICRESIZE.Com

Съвети

Стойността на тези елементи е показана или в пиксела, или като процент от 1 до 100.
Можете да поставите снимка или изображение навсякъде на уеб страница с върха, дъното, средното, надясно, наляво и t.Д.
HSPACE елемент се използва за създаване на празно хоризонтално пространство от изображението, наляво или надясно. VSpace елемент - отгоре или отдолу.
Не спирайте с изображения, всичко ще изглежда на случаен принцип и непрофесионален.
За лога и карикатури годни изображения GIF, за сложни изображения като висококачествени снимки е по-добре да използвате JPEG.

GIF изображенията поддържат 8-битов цвят до 256 цвята. Използване на този формат за снимки, както губите нещо.
GIF Images поддържат прозрачност. Може би една част от прозрачност, т.е. един цвят може да бъде направен прозрачен.
Поддържа се и редуване, t.Д. Дори преди да изтеглите, потребителят може да оцени как ще изглежда изображението.
GIF форматът също поддържа анимация.

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

Не гот много!