Imaginile, ca toate celelalte elemente ale unei pagini web, sunt afișate de browser în conformitate cu instrucțiunile detaliate trimise de server. Aceste instrucțiuni sunt scrise în HTML (HyperText Markup Language) și constau din „etichete”. Etichetele descriu tipul tuturor elementelor unei pagini web, locația și aspectul acestora.
Instrucțiuni
Pasul 1
Mai întâi trebuie să încărcați fișierul imagine pe server. Acest lucru se poate face folosind FTP (File Transfer Protocol) printr-un program special. Aceste programe se numesc clienți FTP - de exemplu, Cute FTP, WS FTP, FlashFXP și altele. Dar îl puteți descărca prin intermediul managerului de fișiere, care ar trebui să fie în panoul de control al găzduirii pe care este găzduit site-ul dvs. Managerul de fișiere vă permite să încărcați fișiere prin browser.
Pasul 2
După aceea, trebuie să puneți eticheta corespunzătoare în codul html al paginii dorite. Adică ar trebui să găsiți această pagină și să deschideți codul sursă pentru editare. Dacă aveți un fișier de pagină, îl puteți deschide cu un editor de text simplu - de exemplu, Notepad standard. Și dacă utilizați orice sistem pentru a gestiona site-ul, atunci în panoul de administrare al acestui sistem, găsiți editorul de pagini și deschideți pagina dorită în acesta. După aceea, rămâne să introduceți eticheta de imagine în locul de care aveți nevoie pe pagină și să salvați modificările.
Pasul 3
Mai multe despre etichetă în sine - în forma sa cea mai simplă, poate arăta astfel: Eticheta conține diverse informații suplimentare - „atribute”. Este necesar un singur atribut pentru eticheta de imagine - src. Acesta îi spune browserului adresa de unde ar trebui să obțină fișierul care conține carnink. Dacă acest fișier se află pe server în același folder (sau subfolder) ca și pagina în sine, atunci este suficient să specificați numai numele sau calea către subfolder. Astfel de adrese se numesc „relative”. Și o adresă absolută ar putea arăta astfel:
--Un alt atribut - alt="Imagine" - conține textul care apare în sfatul de instrumente la trecerea mouse-ului: Celelalte atribute - titlul fac același lucru: - Două atribute - lățime și înălțime - setează dimensiunea dreptunghiului în care browserul va afișa imaginea: Aceste atribute nu sunt necesare, dar dacă ceva nu merge bine și imaginea nu este capabilă să se încarce, atunci toate celelalte elemente ale paginii pot fi deplasate, deoarece browserul nu recunoaște dimensiunile pe care imaginea ar fi trebuit să fie ocupată. Dimensiunile sunt specificate în „pixeli” - aceasta este unitatea principală de măsură utilizată în aspectul paginii. - Atributul border setează lățimea chenarului din jurul imaginii (în pixeli): Dacă o imagine este făcută un link, browserul va desena o margine albastră în jurul său în mod implicit. Pentru a scăpa de el, trebuie să setați valoarea chenarului la zero: - Două atribute stabilesc indentarea imaginii din elementele adiacente (de exemplu, din liniile de text) - hspace setează indentarea orizontală (stânga și dreapta), vspace - vertical (jos și sus): - Acestea sunt atributele cele mai frecvent utilizate și există peste 50 dintre ele pentru această etichetă!