Orice imagine pe care doriți să o conectați pe site-ul dvs. web HTML mai întâi trebuie încărcat în același loc în care trimiteți codul HTML pentru pagina web, indiferent dacă site-ul este găzduit pe un server web la care ajungeți FTP sau utilizați un serviciu de găzduire web. Dacă utilizați un serviciu de găzduire web, probabil că utilizați un formular de încărcare furnizat de serviciu. Aceste formulare sunt de obicei în secțiunea de administrare a contului dvs. de găzduire.
Încărcarea imaginii în serviciul de găzduire este doar primul pas. Apoi, trebuie să adăugați o etichetă în HTML pentru a o identifica.
Încărcarea imaginilor în același director ca HTML
Fotografiile dvs. pot fi localizate în același director cu codul HTML. Daca acesta este cazul:
- Încărcați o imagine în rădăcina site-ului dvs. web.
- Adăugați o etichetă de imagine în HTML pentru a indica imaginea.
- Încărcați fișierul HTML în rădăcina site-ului dvs. web.
- Testați fișierul deschizând pagina din browserul dvs. web.
Eticheta imagine are următorul format:
Presupunând că încărcați o fotografie a lunii cu numele „lunar.jpg”, eticheta de imagine ia următoarea formă:
Înălțimea și lățimea sunt opționale, dar recomandate. Aceste valori implicite sunt exprimate în pixeli, dar pot fi exprimate și ca procente:
Eticheta imagine nu necesită o etichetă de închidere.
Dacă vă conectați la o imagine dintr-un alt document, utilizați etichete de ancorare și cuibăriți eticheta de imagine în interior.
Încărcarea imaginilor într-un subdirector
Este mai obișnuit să stochezi imagini într-un subdirector, numit de obicei Imagini. Pentru a indica imagini din acel director, trebuie să știți unde se află în legătură cu rădăcina site-ului dvs. web.
Rădăcina site-ului dvs. web este locul în care se afișează adresa URL, fără directoare. De exemplu, pentru un site web numit „MyWebpage.com”, rădăcina urmează acest formular: http://MyWebpage.com/. Observați slash-ul la sfârșit. Așa este indicată de obicei rădăcina unui director. Subdirectoarele includ acea bară pentru a arăta unde se află în structura directorului. Site-ul MyWebpage exemplu ar putea avea structura:
http://MyWebpage.com/ - directorul rădăcină
http://MyWebpage.com/products/ - directorul de produse
http://MyWebpage.com/products/documentation/ - directorul de documentare din directorul de produse
http://MyWebpage.com/images/ - directorul de imagini
În acest caz, când vă indicați imaginea în directorul de imagini, scrieți:
Aceasta se numește cale absolută după imaginea ta.
Probleme comune cu imaginile care nu sunt afișate
Obținerea de imagini pe pagina dvs. web poate fi o provocare la început. Cele mai frecvente două motive sunt că imaginea nu a fost încărcată acolo unde HTML indică sau HTML-ul este scris incorect.
Primul lucru de făcut este să vedeți dacă puteți găsi imaginea dvs. online. Majoritatea furnizorilor de găzduire au un anumit tip de instrument de gestionare pe care îl puteți utiliza pentru a vedea de unde ați încărcat imaginile. După ce credeți că aveți adresa URL corectă pentru imaginea dvs., introduceți-o în browser. Dacă imaginea apare, atunci aveți locația corectă.
Apoi verificați dacă codul HTML indică imaginea respectivă. Cel mai simplu mod de a face acest lucru este să lipiți fișierul Imagine URL pe care tocmai l-ați testat în atributul SRC. Reîncarcă pagina și testează.
Atributul SRC al etichetei dvs. de imagine nu ar trebui să înceapă niciodată cu C: \ sau fişier: Acestea vor părea să funcționeze atunci când vă testați pagina web pe propriul computer, dar toți cei care vă vizitează site-ul vor vedea o imagine spartă. Acest lucru se datorează faptului că C: \ indică o locație activată ta hard disk. Deoarece imaginea se află pe hard diskul dvs., aceasta se afișează când o vizualizați, dar nu va fi pentru nimeni altcineva.