Cum se introduce o imagine în HTML: 6 pași

Adăugați imagini pe un site web sau o pagină de rețea socială - un mod minunat de a decora pagina. HTML (Language HyperText Markup) are multe caracteristici pentru programarea web, dar codul necesar introducerii imaginilor este extrem de simplu.

Pași

Metoda 1 din 1:

Introduceți o imagine în HTML

unu. Verificați imaginea pentru găzduirea gratuită, cum ar fi Photobucket sau TinyPic, permițând utilizarea resurselor de către alte servere. Pe unele site-uri este interzisă, deoarece este nevoie de lățime de bandă și loc pe server.

Dacă aveți un cont de găzduire plătit, descărcați imaginea acolo. Acest lucru este mai fiabil decât un site gratuit.

Imagine intitulată Introducerea imaginilor cu HTML Pasul 2

2. Deschideți un nou document într-un editor de text (de exemplu, în Notepad) sau o pagină de pe site sau un profil unde puteți schimba HTML.

Imagine intitulată Introduceți imaginile cu HTML Pasul 3

3. Începeți cu eticheta img. Etichetă img Single, adică, el nu are nevoie de o etichetă de închidere, deși pentru a obține conformitatea cu standardele XHTML, puteți adăuga un spațiu și o slash.

Imagine intitulată Introduceți imaginile cu HTML Pasul 4

4. Există multe articole disponibile, dar numai absolut necesare:SRC. Aceasta indică imaginea locației sau a adresei URL.

Imagine intitulată Introducerea imaginilor cu HTML Pasul 5

cinci. În continuare trebuie să adăugați un element Alt. Este responsabil pentru textul care va fi afișat dacă imaginea din anumite motive nu se pornește. Acest text poate utiliza, de asemenea, utilizatori orbi utilizând programe de citire a ecranului.

Dacă depuneți cursorul la imagine, atunci textul de rezervă va fi afișat în explicația acțiunii, dar numai în Internet Explorer. Soluție Crossbryser (care rulează în Firefox si etc.) - utilizați un element Titlu în plus față de Alt. Nu faceți acest lucru dacă nu doriți să explicați acțiunile.

De exemplu:

Imagine intitulată Introduceți imaginile cu HTML Pasul 6

6. Acum elemente Înălţime și lăţime Puteți seta dimensiunile imaginilor, precum și specificați pixeli sau procente. Observați prin schimbarea dimensiunii, schimbați dimensiunea imaginii afișate, browserul va descărca în continuare dimensiunea sursei imaginii. Dacă imaginea dvs. este prea mare, schimbați dimensiunea sa în programul de editor imagine, se va potrivi cu pictura.Com

sfaturi

Valoarea acestor elemente este indicată fie în pixeli, fie ca procent de la 1 la 100.
Puteți pune o imagine sau o imagine oriunde pe o pagină web cu partea superioară, jos, mijloc, dreapta, stânga și t.D.
Elementul HSPACE este utilizat pentru a crea un spațiu orizontal gol din imagine, la stânga sau la dreapta. Element VSPACE - de sus sau de jos.
Nu opriți cu imagini, totul va arăta aleatoriu și neprofesional.
Pentru logo-uri și desene animate, potriviți imagini GIF, pentru imagini complexe cum ar fi fotografii de înaltă calitate, este mai bine să utilizați JPEG.

GIF Imagini suportă culoarea pe 8 biți la 256 de culori. Folosind acest format pentru fotografii, pe măsură ce pierzi ceva.
GIF Imagini Suport Transparență. Poate un pic de transparență, adică o culoare poate fi făcută transparentă.
Alternarea este de asemenea acceptată, T.E. Chiar înainte de descărcare, utilizatorul poate evalua modul în care imaginea va arăta.
Formatul GIF acceptă și animația.

Avertizări

Nu se hotlink!