Adăugarea de imagini pe paginile dvs. Web

Obținerea corectă a imaginilor

Toate imaginile pe care doriți să le conectați în codul HTML al site-ului trebuie mai întâi să fie încărcate în același loc în care trimiteți codul HTML pentru pagina Web, indiferent dacă site-ul este găzduit pe un server web pe care îl accesați prin FTP sau dacă 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 dvs. în serviciul de găzduire este doar primul pas. Apoi, trebuie să adăugați o etichetă în codul HTML pentru ao identifica.

Încărcarea imaginilor în același director ca HTML

Fotografiile tale pot fi găsite în același director ca HTML. Daca acesta este cazul:

1. Încărcați o imagine în rădăcina site-ului dvs. web.
2. Adăugați o etichetă de imagine în codul HTML pentru a indica imaginea.
3. Încărcați fișierul HTML în rădăcina site-ului dvs. web.
4. Testați fișierul deschizând pagina în browserul dvs. web.

Eticheta imaginii are următorul format:

Presupunând că încărcați o fotografie a lunii cu numele "lunar.jpg", eticheta imaginii are următoarea formă:

Înălțimea și lățimea sunt opționale, dar sunt recomandate. Rețineți că eticheta imaginii nu necesită o etichetă de închidere.

Dacă vă conectați la o imagine într-un alt document, utilizați etichete de ancorare și asociați eticheta de imagine înăuntru.

Încărcarea imaginilor într-un subdirector

Este mai frecvent să stocați imagini într-un sub-director, denumit de obicei Imagini . Pentru a îndrepta imaginile 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ă URL-ul, fără nici un fel de 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. Acesta este modul în care este indicată de obicei rădăcina unui director. Subdirectoarele includ slash-ul pentru a arăta unde se află în structura directorului. Site-ul exemplului MyWebpage 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 documentație din directorul de produse http: // MyWebpage.com/images/ - directorul cu imagini

În acest caz, când indicați imaginea în directorul de imagini, scrieți:

Aceasta se numește calea absolută a imaginii tale.

Probleme obișnuite cu imagini care nu se afișează

Obținerea imaginilor pentru a apărea pe pagina dvs. web poate fi dificilă la început. Cele două motive cele mai frecvente sunt că imaginea nu a fost încărcată acolo unde indică codul HTML sau dacă codul HTML este scris incorect.

Primul lucru pe care trebuie să-l faceți este să vedeți dacă puteți găsi imaginea online. Majoritatea furnizorilor de servicii de găzduire au un anumit tip de instrument de gestionare pe care îl puteți utiliza pentru a vedea unde ați încărcat imaginile. După ce credeți că aveți adresa URL corectă pentru imaginea dvs., tastați-o în browserul dvs. Dacă imaginea apare, atunci aveți locația corectă.

Apoi, verificați dacă codul dvs. HTML indică acea imagine. Cea mai ușoară modalitate de a face acest lucru este de a lipi adresa URL a imaginii pe care tocmai ați testat-o ​​în atributul SRC. Reîncărcați pagina și testați-o.

Atributul SRC al etichetei de imagine nu ar trebui să înceapă niciodată cu C: \ sau fișier: acestea vor apărea atunci când testați pagina dvs. web pe propriul computer, dar oricine vizitează site-ul dvs. va vedea o imagine ruptă. Acest lucru se datorează faptului că C: \ indică o locație de pe hard disk. Deoarece imaginea se află pe unitatea hard disk, aceasta se afișează când o vizualizați.