Inserați imagini cu HTML

Adăugarea de imagini pe site-ul dvs. sau în profilul rețelei sociale este o modalitate excelentă de a aduce lucrurile în mișcare. HTML (HyperText Markup Language) are multe caracteristici pentru dezvoltarea web, dar codul pentru inserarea imaginilor este destul de simplu.

conținut

Metodă
Sfaturi

metodă

Încărcați imaginea pe un site web gratuit de găzduire, cum ar fi Photobucket sau Tiny Pic, care permite legarea. Deci, puteți conecta imaginea direct de pe serverul site-ului gazdă - unele site-uri au interzis legarea, deoarece aceasta consumă lățimea de bandă și ocupă spațiu pe serverele lor.

Dacă aveți un cont de gazduire web plătit, încărcați-vă imaginea în această gazdă. Acest lucru este mai sigur decât o pagină gratuită.

Imaginea intitulată Inserați imagini cu HTML Pasul 2

Deschideți un document nou într-un procesor de text (cum ar fi Notepad) sau pe pagina de pe site-ul / profilul dvs. unde puteți modifica codul HTML.

Imaginea intitulată Inserați imagini cu HTML Pasul 3

Începeți ziua img . img Ziua este goală, ceea ce înseamnă că nu are nevoie de o etichetă de închidere. Cu toate acestea, pentru valabilitatea XHTML, puteți adăuga un spațiu și o linie înainte de semnul mai mare decât.

Imaginea intitulată Inserați imagini cu HTML Pasul 4

Multe atribute sunt disponibile, dar numai una este absolut necesară: src. Aceasta este locația sau adresa URL a imaginii dvs.

Imaginea intitulată Inserați imagini cu HTML Pasul 5

Apoi ar trebui să atributul vechi Inserare. Aceasta specifică textul alternativ dacă imaginea nu se încarcă. Textul alternativ este, de asemenea, citit pentru vizitatorii orb folosind cititoare de ecran.

Dacă plasați cursorul peste imagine, textul alternativ va apărea ca un sfat pentru instrumente, dar numai în Internet Explorer. Soluția cross-browser (funcționează în Firefox et al) este atributul titlu în plus față de vechi să folosească. (Opriți această opțiune dacă nu doriți ca imaginea să aibă un sfat pentru unelte.)

exemplu:

Acum puteți modifica opțional dimensiunea imaginii dvs. cu atributele înălțime și lățime și specificați pixelii sau procentele. Rețineți că, dacă redimensionați, modificați numai dimensiunea afișată a imaginii. Browserul încarcă încă dimensiunea reală a imaginii, deci dacă aveți o imagine inutil de mare, este mai bine să o redimensionați cu un editor de imagini sau cu PicResize.com, în loc să schimbați dimensiunea afișării.

Imaginea intitulată Inserați imagini cu HTML Step 6Bullet1

Imagine intitulată Inserați imagini cu HTML Step 6Bullet2

Sfaturi

Valoarea pentru aceste atribute este fie o valoare pozitivă a pixelilor, fie un procent între 1-100%.
Imaginea poate fi utilizată oriunde pe site folosind atributul align, cum ar fi top, jos, mijloc, dreapta, stânga etc.
Atributul hspace se utilizează pentru a insera un tampon orizontal în stânga și la dreapta imaginii, în timp ce atributul vspace inserează un tampon vertical în partea superioară și inferioară a imaginii și a altor obiecte.
Nu exagerează cu imagini. Asta arata foarte murdar si neprofesional.
Pentru logo-uri și benzi desenate, imaginile GIF sunt bune, cu imagini și imagini mai complexe. Imaginile JPEG sunt potrivite.
Imaginile GIF acceptă numai culori pe 8 biți, cu maximum 256 de culori în imagine. Prin urmare, pierderile sunt inevitabile când fotografiați cu culori reale, cum ar fi fotografii.
Imaginile GIF susțin, de asemenea, transparența. Un pic de transparență este posibil, ceea ce înseamnă că o culoare poate fi stabilită transparentă.
Intercalarea este de asemenea susținută de imagini GIF, ceea ce înseamnă că efectul de interlagare permite utilizatorilor să vadă cum arată imaginea înainte de încărcarea imaginii.
Formatul GIF acceptă, de asemenea, animații.

Distribuiți pe rețelele sociale:

înrudit