Cum de a insera o imagine de pe site-ul este corect

Cum de a insera o imagine într-un site web

Cum de a insera o imagine pe site-ul, pe care le atribuie să se aplice? Aceste probleme se confruntă toți cei care deschid site-ul lor, deoarece este cunoscut faptul că textul de pe paginile este percepută mult mai bine dacă acesta este prevăzut cu imagini.

Cum de a insera o imagine pe un site

Inserarea unei imagini pe pagină, puteți utiliza o singură etichetă img. în acest caz, este necesar să se specifice în cazul în care pentru a obține imaginea.

Acest lucru se face folosind atributul src. numele imaginii și extinderea acesteia sunt date în ghilimele, iar numele trebuie să fie scrise în alfabetul latin:

În cazul în care imaginea este într-un alt folder de pe computer, lăsați-l să fie img. care nu este pe picior de egalitate cu fișierul index, trebuie să vă înregistrați și calea spre acest dosar:

Dacă site-ul dvs. are sistem de management de conținut de tip WordPress, atunci directorul dorit în cazul în care imaginile descărcate sunt create în mod automat, sau trebuie să creați un folder special în rădăcina site-ului.

Dimensiuni imagine

Cum de a insera o imagine pe site-ul, pentru a afișa corect imaginea de pe pagina? În acest scop, precum și pentru descărcări mai rapide, trebuie să specificați lățimea și înălțimea imaginii.

Lățimea este indicată prin atributul lățime. și înălțimea - înălțimea. Astfel, contul nostru pot cumpăra, de exemplu, arata astfel:

În cazul în care acești parametri sunt înregistrate prin atributele unităților pot fi omise. Dacă trebuie să modificați orice dimensiune, de exemplu, pentru a face lățimea de 200 px, înălțimea este scalat automat la parametrul lățime specificată.

Dimensiunile imaginii poate fi determinată prin selectarea Properties din meniul contextual. în cazul în care în fila Detalii sunt lățimea și înălțimea.

Aceste valori și introduceți. Trebuie să ne asigurăm că măsurătorile se potrivesc real, în caz contrar, browser-ul va corecta, dar va corecta modul propriu, care este, ca de obicei, strâmbă.

Aceste valori sunt minime necesare, care trebuie să fie specificate la imaginea de pe site-ul este afișat corect. Există cu siguranță alte plus față de aceste atribute.

Amplasarea textului în raport cu imaginea

Cum ar trebui să fie poziționat în raport cu textul imaginii determină atributul align - aliniere, prin care specifică modul în care textul va încheia în jurul imaginii noastre.

De exemplu, la stânga va însemna că imaginea va fi deplasată spre stânga, iar textul va curge în jurul acestuia spre dreapta. Astfel, înregistrarea noastră va fi:

Dacă da valoare atributului align de drept. imaginea se mută la marginea din dreapta a paginii. Astfel, imaginea poate fi inserat în site-ul oriunde.

Indentați la Text

Următorul parametru important pe care trebuie să spun este decalat față de marginea imaginii în text.

Există atributul special care este responsabil pentru acel spațiu, este scris ca hspace și citate indică valoarea sa, de exemplu, 10 pixeli:

În mod similar, există un atribut, care este responsabil pentru limita superioară. El scrie în același mod, numai vspace.

Text în loc de imagini

Următoarea importantă tag-ul atribut IPG - atributul alt. El devine important atunci când utilizatorul vede o pagină cu imagini dezactivate sau pentru un motiv oarecare imaginea nu este afișată pe pagina de web.

În acest caz, în locul imaginii utilizatorul vede textul care va fi înregistrat în atributul Alt citat:

frontieră imagine

Un alt atribut care trebuie menționat este frontiera - frontiera, margine. El a cerut în cazul în care, de exemplu, nu are nevoie de o imagine de cadru. În acest caz, frontiera specificată = „0“:

Și ultima - desigur imagini animeze site-ul, făcându-l mai atractiv și pentru a îmbunătăți designul general al site-ului. dar trebuie să ne asigurăm că site-ul nu este supraîncărcat imagini grafice și diferite animații, deoarece este din aceste motive că pagina este încărcată pentru o lungă perioadă de timp, iar vizitatorii de multe ori lăsa un site și nu de așteptare pentru deschiderea sa.

Cum de a optimiza imaginile on-line pentru a crește viteza de încărcare de pagini, puteți citi aici.

Deci, în această înregistrare pentru a înțelege modul de a insera o imagine de pe site-ul este corect, care, în acest caz, puteți aplica atribute și valori.