Cum se introduc imagini utilizând HTML

Adăugarea imaginilor pe un site web sau într-un profil de rețea socială este o modalitate foarte bună de a îmbunătăți aspectul vizual al paginii. Codul HTML (Hypertext Markup Language) pentru a adăuga imagini este destul de simplu și este, de obicei, primul care urmează să fie învățate de către un elev HTML.

conținut

Pași
Partea 1introducerea imaginii
Partea 2setări opționale
Sfaturi
Avertismente
Surse și cotatii

pași

Partea 1
Introducerea imaginii

Imagine intitulată Inserați imagini cu HTML Pasul 1

Încărcați imaginea. În prezent există mai multe servicii gratuite de găzduire a imaginilor, cum ar fi Picasa Web Albums, Imgur, Flickr sau Photobucket. Citiți cu atenție termenii de utilizare. Unele dintre aceste servicii pot reduce calitatea imaginii trimise sau eliminați-o după ce a atins un anumit număr de puncte de vedere (acest lucru se datorează faptului că imaginile ocupă spațiu pe serverele acestor companii).

Unele dintre serviciile de găzduire a blogurilor permit utilizatorului să încarce imagini folosind propriile instrumente de administrare a blogurilor.
Dacă vă abonați la un serviciu de gazduire plătită, încărcați imaginile pe site-ul dvs. propriu utilizând un serviciu FTP (File Transfer Protocol). Se recomandă crearea unui director "imagini" pentru a menține organizarea fișierelor.
Dacă doriți să utilizați o imagine dintr-un alt site, cereți permisiunea creatorului acesteia. Dacă cererea este acordată, descărcați și încărcați imaginea pe un site de găzduire a imaginilor.

Imagine intitulată Inserați imagini cu HTML Pasul 2

Deschideți fișierul HTML. Deschideți documentul HTML corespunzător paginii web unde va fi afișată imaginea.

Dacă intenționați să introduceți o imagine într-un forum, introduceți codul direct în postarea dvs. Mai multe forumuri de internet utilizează un sistem personalizat în loc de HTML. Dacă acest lucru nu funcționează, întrebați alți utilizatori pentru ajutor.

Imagine intitulată Inserați imagini cu HTML Pasul 3

Începeți cu eticheta IMG. Găsiți locația din corpul fișierului HTML în care doriți să inserați o imagine. Scrieți eticheta . Aceasta este o etichetă goală, adică nu are o etichetă de închidere. Tot ce este necesar pentru a afișa o imagine trebuie să intre în interiorul celor două paranteze.

Imagine intitulată Inserați imagini cu HTML Pasul 4

Găsiți adresa URL a imaginii dvs. Vizitați pagina web unde ați găzduit imaginea. Faceți clic dreapta pe imagine (pe Mac, țineți apăsată tasta Control și faceți clic cu mouse-ul) și selectați "Copy Image Address". Dacă preferați, dați clic pe "Previzualizați imaginea" pentru ao deschide singură pe o pagină și copiați adresa URL în bara de adrese.

Dacă ați încărcat imaginea în directorul de imagini al propriului site, creați un link la acesta după cum urmează / images /Nu-mi găsesc drumul aici. Dacă nu funcționează, directorul de imagini este probabil într-un alt dosar. Mutați-o în directorul rădăcină.

Imagine intitulată Inserați imagini cu HTML Pasul 5

Introduceți adresa URL în interiorul atributului SRC. Probabil că deja știți că atributele HTML sunt plasate în interiorul tagurilor pentru al modifica. Atributul SRC înseamnă "sursă" și este cel care informează browserul în care să caute să găsească imaginea. Tastați src = "" și inserați adresa URL a imaginii în ghilimele. Iată un exemplu:

Imagine intitulată Inserați imagini cu HTML Pasul 6

Adăugați un atribut ALT. Din punct de vedere tehnic, HTML are tot ceea ce este necesar pentru a afișa o imagine. Cu toate acestea, este mai bine să adăugați atributul Alt de asemenea. Acesta informează browserul web despre textul care va fi afișat atunci când imaginea nu poate fi încărcată. Cel mai important, ajută motoarele de căutare pentru a afla despre conținutul imaginii, permițând cititoare de ecran descrie imaginea vizitatorilor cu dizabilități visual.Siga exemplul de mai jos și de a schimba textul din interiorul ghilimele:

Dacă imaginea nu are importanță pentru conținutul paginii, adăugați atributul ALT fără text în interiorul acesteia ().

Imagine intitulată Inserați imagini cu HTML Pasul 7

Salvați modificările. Salvați fișierul HTML al site-ului. Accesați pagina pe care tocmai ați editat-o sau o actualizați, dacă este deja deschisă. Imaginea trebuie afișată. Dacă este în dimensiune greșită sau are altă problemă, mergeți la secțiunea următoare.

Partea 2
Setări opționale

Imagine intitulată Inserați imagini cu HTML Pasul 8

Modificați dimensiunea imaginii. Pentru rezultate optime, folosiți un software de editare a imaginilor pentru a le redimensiona și apoi trimiteți noua versiune. Definiți atributele lățime (lățime) și înălțime (Înălțime) HTML pentru browser-ul pentru a micșora sau mări imaginea, care poate fi inconsistente în mai multe browsere web și chiar cauza erori (rar) .Dacă doriți să faceți o potrivire rapidă și funcțională, utilizați următorul format:

(Numărul de pixeli sau "CSS pixeli" în HTML5.)
sau (Procentul paginii web sau al dimensiunii imaginii.)
Dacă introduceți numai unul dintre cele două atribute (lățime sau înălțime), browserul ar trebui să păstreze raportul lățime: înălțime.

Imagine intitulată Inserați imagini cu HTML Pasul 9

Adăugați un sfat util. Puteți utiliza atributul titlu (titlu) pentru a adăuga un comentariu suplimentar sau câteva informații despre imagine. De exemplu, îl puteți folosi pentru a da credite autorului fotografiei. În general, acest text este afișat ori de câte ori un vizitator se deplasează peste imagine.