Inserați imagini în HTML, lucrul cu imagini

Deseori, atunci când se lucrează cu un site web necesită inserarea de imagini în HTML. În această lecție vom învăța cum să plaseze imagini pe site-ul și face cunoștință cu atributele, care sunt responsabile pentru formatarea imaginilor. Pentru a insera imagini pe pagina HTML utilizează o etichetă specială (Din limba engleză. «Image», imagine). Această etichetă are anumite atribute.

Cum insera imagini în HTML?

Luați în considerare inserarea de imagini de pe pagina folosind trei atribute ca un exemplu. Codul HTML al paginii va arăta în felul următor:

Atribute «lățime» (lățime) și înălțimea (H) - setați dimensiunea imaginii, respectiv, lățimea și înălțimea. Alinierea în acest caz va implicit pe marginea din stânga.

În scopul de a face alinierea la centru, sau la dreapta, trebuie să includeți eticheta de imagine pentru a insera un paragraf etichetă și să înregistreze atributul corespunzător.

Acum, ia în considerare un exemplu mai complex:

Lățimea imaginii - 300 pixeli, inaltimea - 250 de pixeli, grosimea de cadre - 1 pixel, culoare de frontieră - roșu. Imagine text curge în jurul liniuței dreptul la imagine la text pe orizontală și pe verticală este de 10 pixeli.

Cu ajutorul «frontieră» cadru atribut specificat, «border-color» vă permite să setați culoarea cadrului. Caracteristica «Align» este înregistrată direct în inserarea de etichetă de imagine , datorită acestui tablou este învelit de text. Atributele «hspace» și «vspace» - aceasta este adâncitura imaginii și a textului, respectiv, pe orizontală și pe verticală. Caracteristica «alt» vă permite să specificați o descriere pentru imagine.

insera imagini de sarcină în document HTML este foarte des, nu este dificil. Cu toate acestea, dacă uitați dintr-o dată cum se face acest lucru, atunci lecția noastră va fi de mare ajutor.