Textbook html - imagine
Am învățat deja de la tine cum să creați un simplu link-uri text, și în această lecție, să învețe cum să facă link-uri - imagine. În general, astfel de referințe sunt utilizate în proiectarea site-ul web pentru a crea butoane de navigare diferite, dar, desigur, ele pot fi folosite oriunde, ci mai degrabă în cazul în care aveți nevoie.
Cum se face la link-uri HTML - imagine?
Știi, poate că va fi una dintre cele mai simple lecții. Pentru că, în scopul de a face imaginea unui link ar trebui să fie în tag-ul locul tag . Toate.
Exemplu de creare a link-uri - imagini în HTML
Rezultatul în browser
Cum de a elimina cadru în jurul imaginii - link-ul?
Unele browsere implicite trage în jurul valorii de imagini - link-uri cutie mica, culoarea se potrivește cu culoarea referințelor obișnuite la pagina HTML. În exemplul de mai sus le în nici un fel te văd, așa cum am scos rama pe pagină. Dar, după cum este vorba de un aspect, puteți vedea:
Afișează rame în jurul valorii de imagini.
Nu sunt de acord o destul de vedere. În vechiul tag-ul HTML la a existat un atribut special al frontierei. care ar putea scoate cadrul, dar nu este nou, deci din nou vom folosi stiluri (CSS). Deci, pentru a elimina din rama de tablou în mai multe moduri, am arăta voi doi (dacă vă decideți să închideți cândva ia CSS, vei ști unul pe altul).
În primul rând. Puteți specifica în tag-ul Atributul style = "border: 0". așa cum am făcut atunci când eliminat din domeniul de aplicare al liniilor din liniile orizontale lecție.
Dar este mai bine să folosiți a doua opțiune, și eliminați-le în același timp, în întreaga pagina HTML. Pentru a face acest lucru, în „antetul“ al documentului (
) Setați eticheta . așa cum am făcut în lecția pentru a schimba culoarea de link-uri. și scrie în interiorul acestuia următoarea linie:Aici vom spune browser-ului că toate etichetele pe pagina nu ar trebui să fie un cadru, ci mai degrabă grosimea lor ar trebui să fie zero.
Apropo, dacă în „antetul“ al paginii aveți deja