După ce a încercat mai multe soluții gata de utilizare, care nu au nevoie de nici o cunoaștere a subiectului, ați decis să încercați mână la crearea unui site Internet "obtinerea mâinile murdare" cu codulHTML. Esti foarte pasionat de asta, dar sunt cateva lucruri pe care nu le-ai putut intelege bine.
De exemplu, ați dori o clarificare cu privire lacum să inserați o imagine în HTML, care sunt parametrii corecți care trebuie utilizați pentru formatarea codului și ce informații pot fi introduse în acesta din urmă. Ei bine, știți că ați ajuns la locul potrivit la momentul potrivit. Nu mai pierdem timpul și vedem imediat tot ce trebuie să știm despre introducerea fotografiilor pe site-uri și pe bloguri folosind cod HTML.
Pentru a înțelege cum de a insera o imagine în HTML, trebuie să vă asigurați că știți un concept cheie: imaginile pe care le vedeți pe paginile web ale site-urilor de internet, bloguri și forumuri nu sunt încorporate în acestea din urmă, dar sunt apelate din locații externe. Aceasta înseamnă că fiecare fotografie trebuie să aibă o adresă unică la care utilizatorul poate face referire să o folosească online.
Adresa unei imagini constă în aceasta: la început se adresa spațiului Web pe care este găzduit (ex.) și apoi c ' este numele imaginii complete de extensie (de ex.Immagine.jpg). Adresa directă a unei imagini pe Web trebuie, prin urmare, să aibă o compoziție de tipimmagine.jpg.
În acest moment, vă veți întreba, dar cum vă amintiți adresa unei imagini pe o pagină Web, pentru ca fotografia să fie vizibilă publicului? Nimic nu ar putea fi mai simplu. Folosiți doar etichetaimgurmată de cuvintelesrc =și adresa imaginii care urmează să fie inserată în pagina inclusă în ghilimele. Continuând cu exemplul de mai sus, ar trebui să utilizați următoarea formatare:
Acum știți cum să inserați o imagine în HTMLfolosind codul de bază, dar puteți adăuga alte variabile pentru a specifica dimensiunea, alinierea, și distanța dintre fotografii în context din paginile în care sunt inserate.
Pentru a alinia o imagine în centru, stânga, dreapta, în sus sau în jos a paginii, trebuie să faceți este să utilizați formatul pe care tocmai l-am văzut împreună și se adaugă la ea align = variabilaurmat de tipul de pe care doriți să o luați la fotografie. Iată un exemplu:
Cu acest cod, am aliniat imaginea în centru (centrul valoare), dar, de fapt, puteți utiliza multe alte tipuri de variabile pentru a se alinia: stângaaliniază imaginile din partea stângă;dreaptaaliniază imaginile din dreapta;partea de josare fotografia din dreapta jos a primei linii de text;mijloculare fotografia pe partea centrală din dreapta primei linii de text;topare fotografia din partea dreaptă sus a primei linii de text.
După cum sa menționat mai sus, prin codul HTML pe care îl puteți redimensiona, de asemenea, imaginile (doar vizual, fără a schimba fișierul original) și specificați distanța pe care trebuie să aibă legătură cu celelalte elemente care compun pagina Web pe care acestea apar.
Pentru a indica dimensiunile pe care trebuie să aibă o imagine, trebuie să utilizați variabilelelățime și înălțimespecificând valorile pixelilor, în timp ce pentru spațierea trebuie să utilizați vocea hspacepentru a indica distanța orizontală șivspacepentru a indica spațierea verticală. Iată un exemplu de fotografie cu o dimensiune de 300 × 200 pixeli, având o distanțare verticală și orizontală de 20 de pixeli:
În cele din urmă vom vedea cumasocia un link către o imagine, astfel încât să faceți clic pe acesta va fi redirecționat către o anumită pagină sau site-ul și cum să introduceți un text de descriere a imaginii pentru a fi jucat în cazul în care acest lucru nu poate fi afișate corect (de ex. pentru erorile serverului sau pentru ștergerea fotografiei din locația inițială).
Pentru a adăuga un link la Internet la o imagine, trebuie să faceți este ca prefix codul a href =, urmat de adresa site-ului pentru a lega la codul de imagine și introducețitag-ul la sfârșitul codului. Iată un exemplu în cazul în care imaginea am folosit până acum, de exemplu, se leagă nostru adresawww.sitodalinkare.com:
În ceea ce privește descrierea textuală, cu toate acestea, acesta din urmă se adaugă la fotografie folosind codulaltcare ar trebui să fie utilizate în acest fel:
Aș spune că acesta este totul! Acum știi toate regulile de bază pentruinserarea unei imagini în HTMLîn bloguri și site-uri web. Este nevoie de foarte puține pentru a le învăța, văzut? Și pornind de aici, puteți aprofunda subiectul descoperind multe alte funcții care pot fi exploatate folosind HTML. Distrează-te!