Cum să adăugați un buton de imprimare sau un link la pagina dvs. web

CSS (foi de stil în cascadă) vă oferă un control considerabil asupra modului în care conținutul din paginile dvs. web este afișat pe ecran. Acest control se extinde și la alte suporturi, cum ar fi atunci când este imprimată pagina web.

Este posibil să vă întrebați de ce ați dori să adăugați o caracteristică de imprimare pe pagina dvs. web; la urma urmei, majoritatea oamenilor știu deja sau își pot da seama cu ușurință cum să printeze o pagină web folosind meniurile browserului lor.

Există însă situații în care adăugarea unui buton de imprimare sau a unei legături la o pagină nu numai că va facilita procesul pentru utilizatorii dvs. atunci când au nevoie să imprime o pagină, dar, chiar mai important, vă va oferi un control mai mare asupra modului în care vor apărea acele tipăriri. hârtie.

Iată cum puteți adăuga fie butoane de imprimare, fie linkuri de imprimare în paginile dvs. și cum să definiți ce piese din conținutul paginii dvs. vor fi tipărite și care nu.

Adăugarea unui buton de imprimare

Puteți adăuga cu ușurință un buton de imprimare pe pagina dvs. web adăugând următorul cod la documentul HTML în care doriți să apară butonul:

onclick = "window.print (); return fals;" />

Butonul va fi etichetat ca fiind Imprimă această pagină când apare pe pagina web. Puteți personaliza acest text la orice doriți, schimbând textul între ghilimele următoare

valoare =

în codul de mai sus.
Rețineți că există un singur spațiu gol precedând textul și urmându-l; acest lucru îmbunătățește aspectul butonului prin introducerea unui spațiu între capetele textului și marginile butonului afișat.

Adăugarea unui link de tipărire

Este și mai ușor să adăugați un simplu link de imprimare la pagina dvs. web. Trebuie doar să introduceți următorul cod în documentul HTML în care doriți să apară linkul:

imprimare

Puteți personaliza textul legăturii modificând „print” la orice alegeți.

Crearea de tipărire a secțiunilor specifice

Puteți configura abilitatea pentru utilizatori de a tipări anumite părți ale paginii dvs. web folosind un buton de imprimare sau un link. Puteți face acest lucru adăugând o print.css fișier pe site-ul dvs., sunându-l în capul documentului HTML și apoi definiți acele secțiuni pe care doriți să le imprimați ușor prin definirea unei clase. 

Mai întâi, adăugați următorul cod la secțiunea din cap a documentului HTML:

type = "text / css" media = "print" />

Apoi, creați un fișier numit print.css. În acest fișier, adăugați următorul cod: