Įdomus

Kaip pridėti spausdinimo mygtuką arba nuorodą į savo tinklalapį

Kaip pridėti spausdinimo mygtuką arba nuorodą į savo tinklalapį

CSS (kaskadiniai stiliaus lapai) suteikia didelę kontrolę, kaip jūsų tinklalapių turinys rodomas ekrane. Ši kontrolė taikoma ir kitoms laikmenoms, pavyzdžiui, spausdinant tinklalapį.

Jums gali kilti klausimas, kodėl norėtumėte pridėti spausdinimo funkciją į savo interneto puslapį; juk dauguma žmonių jau žino arba gali lengvai išsiaiškinti, kaip spausdinti tinklalapį naudojantis savo naršyklės meniu.

Tačiau yra situacijų, kai pridėję spausdinimo mygtuką ar nuorodą į puslapį jūsų vartotojai ne tik palengvins procesą, kai jiems reikės atsispausdinti puslapį, bet, dar svarbiau, suteiks jums daugiau kontrolės, kaip tie atspaudai bus rodomi. popierius.

Štai kaip pridėti spausdinimo mygtukus arba spausdinti nuorodas į savo puslapius ir kaip apibrėžti, kurie jūsų puslapio turinio fragmentai bus spausdinami, o kurie ne.

Spaudos mygtuko pridėjimas

Galite lengvai pridėti spausdinimo mygtuką prie savo tinklalapio, pridėdami šį kodą prie savo HTML dokumento ten, kur norite, kad mygtukas būtų rodomas:

onclick = "window.print (); grąžinti klaidingą;" />

Mygtukas bus pažymėtas kaipSpausdinkite šį puslapįkai jis pasirodys tinklalapyje. Galite tinkinti šį tekstą pagal tai, kas jums patinka, pakeisdami tekstą tarp kabučių

vertė =aukščiau esančiame kode.
Atminkite, kad prieš tekstą ir po jo yra viena tuščia vieta; tai pagerina mygtuko išvaizdą, įterpiant tarpą tarp teksto galų ir rodomo mygtuko kraštų.

Pridedama spausdinimo nuoroda

Dar lengviau į savo internetinį puslapį įtraukti paprastą spausdinimo nuorodą. Tiesiog įdėkite šį kodą į savo HTML dokumentą ten, kur norite pateikti nuorodą:

spausdinti

Galite tinkinti nuorodos tekstą, pakeisdami „spausdinti“ į bet ką, ką pasirinksite.

Konkrečių skyrių spausdinimas

Galite nustatyti galimybę vartotojams spausdinti tam tikras jūsų tinklalapio dalis naudodami spausdinimo mygtuką ar nuorodą. Tai galite padaryti pridėję a print.css failą į savo svetainę, įvesdami jį į HTML dokumento galvą ir apibrėždami klases, kurias norite padaryti lengvai spausdinamas, apibrėždami klasę.

Pirmiausia įtraukite šį kodą į savo HTML dokumento antraštės skyrių:

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

Tada sukurkite failą pavadinimu print.css. Į šį failą pridėkite šį kodą:

korpusas {matomumas: paslėptas;}
.print {matomumas: matomas;}

Šis kodas apibūdina, kad visi korpuso elementai būtų paslėpti spausdinant, nebent elementui būtų priskirta „spausdinimo“ klasė.

Dabar viskas, ką jums reikia padaryti, yra priskirti „spausdinimo“ klasę jūsų tinklalapio elementams, kuriuos norite spausdinti. Pvz., Jei norite, kad skyriuje, apibrėžtame div elemente, būtų galima atspausdinti, jūs naudosite

Viskas, kas nepriskirta šiai klasei puslapyje, nebus spausdinama.