In acest articol va voi spune despre o foarte importante tag-uri HTML, pentru a insera imagini și grafice de pe pagină, pentru că fără ea este dificil de a crea un frumos și un site bun.
Imagini face site-ul unic si va iesi in evidenta de mase. Cu toate acestea, amintiți-vă că utilizarea excesivă a elementelor grafice de pe un site web poate fi un factor de rău.
Nu nagramozhday imagini html-pagini, pagina ar trebui să fie lumină și să nu sperie vizitatorii. Vizitatorul ar trebui să asimileze întotdeauna informații importante și să nu fie distras, insera imagini în HTML numai în cazul în care este necesar.
pagina tag-ul atributele corpului si am spus deja că imaginea poate fi un fundal HTML-pagini, iar acum am să-ți spun cum aceeași imagine poate fi utilizată la un nivel mai ridicat decât fundalul.
Dacă imaginea și pagina HTML sunt în diferite foldere sau directoare, trebuie să scrie calea imaginii în raport cu pagina. De exemplu, în HTML-pagină în directorul sau directorul de știri, în același director sau folder este un subdirector (director) pop, iar în cazul în care este image.jpg imaginea noastră, apoi introduceți necesar pentru a scrie, astfel:
În plus față de atributul src în tag-ul există o serie de atribute opționale, dar importante:
- lățimea - lățimea imaginii (este posibil să specificați pixeli sau procente);
- Înălțimea - Înălțimea imaginii (este posibil să se precizeze pixeli sau procente).
Dacă nu specificați aceste atribute, browser-ul descarcă dimensiunea reală a imaginii. Dar nu exagera cu valorile acestor atribute, deoarece o creștere a lungimii sau lățimii imaginii poate diforma, care o pradă, cum ar fi o imagine umană, care se va schimba proporțiile umane.
Așa cum am scris, dimensiunea imaginii poate fi specificată în pixeli sau ca procent. Aici este un exemplu simplu:
un alt exemplu de cod html:
Există cazuri când browser-ul este dezactivat capacitatea de a afișa grafice, inclusiv imagini, și că pagina nu este pierdut sensul, atributul alt este utilizat, în care scrie textul alternativ în cazul în care imaginea nu este sub sarcina paginii. cod html ca exemplu:
Acest exemplu va insera imagini în loc de text, în zona de sub care a fost rezervat un loc în imagine, dar din nou, acest lucru este un atribut opțional, dar are un loc.
Mai mult atribut important al alinia, prin care, după cum ați ghicit deja, puteți controla locația imaginii în raport cu textul de pe pagina HTML. Mai mult, valoarea sa:
- stânga - imaginea din stânga, iar textul, care este următoarea - dreapta;
- dreapta - imaginea este pe dreapta, iar textul de lângă - stânga.
și browser-ul afișează următoarele:
Textul de lângă imaginea.
HTML-cod pentru dreptul de valoare:
să fie ca HTML-pagină:
Textul de lângă imaginea.
Pentru text este curgea în jurul imaginii, puteți utiliza pagina de tag-ul BR de formatare a textului menționat anterior în HTML. De altfel, tag-ul BR este valorile atributelor clare, cu înțelesul lor:
- stânga - nu înfășurați în jurul valorii de text care este aliniat la stânga;
- dreapta - nu înfășurați în jurul valorii de text care este aliniat la dreapta;
- toate - nu înfășurați în jurul valorii de text care este aliniat la marginea din stânga și din dreapta.
Fără atribut aliniază textul la dreapta implicit obtekat imagini și foarte aproape. Dacă doriți să închideți textul nu este imaginea obtukal poate fi folosit aici astfel de atribute:
- vspace - ceea ce face pixel câmp de sus și de jos;
- hspace - face ca marginile laterale (stânga și dreapta) în pixeli.
Aici este un simplu cod html ca un exemplu:
Ce se întâmplă în acest exemplu încerc să mă văd.
In jurul imaginile pot fi încă cadru szhdelat folosind atributul de frontieră și specificați valoarea în pixeli. Cu cât valoarea, cu atât mai mare a cadrului în jurul imaginii. HTML-cod va fi:
pe pagina HTML este ca acest lucru:
Am scris tag-uri HTML de bază, pe care doriți să inserați imagini pe pagina HTML. În continuare, vă voi spune cum să creați link-uri in HTML, precum și modul de a face o legătură de imagine.
Eugene:
Și cum să facă pentru a insera o imagine cu o legătură directă cu o imagine de pe Internet?
Kirill Sherstuk:
De ce nu văd imaginea?
Reduceri pentru începători:
Inscrie-te pentru actualizări interesante de blog-ul meu pentru a fi o tendință de tendințele recente în dezvoltarea și promovarea site-urilor: