Cómo agregar un botón de impresión o un enlace a su página web

CSS (hojas de estilo en cascada) le dan un control considerable sobre cómo se muestra el contenido de sus páginas web en la pantalla. Este control se extiende también a otros medios, como cuando se imprime la página web.

Quizás se pregunte por qué desea agregar una función de impresión a su página web; después de todo, la mayoría de las personas ya saben o pueden descubrir fácilmente cómo imprimir una página web usando los menús de su navegador.

Pero hay situaciones en las que agregar un botón de impresión o un enlace a una página no solo facilitará el proceso para sus usuarios cuando necesiten imprimir una página, sino que, quizás lo más importante, le dará más control sobre cómo aparecerán esas impresiones papel.

Aquí le mostramos cómo agregar botones de impresión o enlaces de impresión en sus páginas, y cómo definir qué partes del contenido de su página se imprimirán y cuáles no..

Agregar un botón Imprimir

Puede agregar fácilmente un botón de impresión a su página web agregando el siguiente código a su documento HTML donde desea que aparezca el botón:

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

El botón se etiquetará como imprime esta página cuando aparece en la página web. Puede personalizar este texto a lo que quiera cambiando el texto entre las comillas siguientes

valor =

en el código de arriba.
Tenga en cuenta que hay un solo espacio en blanco que precede al texto y lo sigue; esto mejora la apariencia del botón al insertar algo de espacio entre los extremos del texto y los bordes del botón que se muestra.

Agregar un enlace de impresión

Es aún más fácil agregar un enlace de impresión simple a su página web. Simplemente inserte el siguiente código en su documento HTML donde desea que aparezca el enlace:

impresión

Puede personalizar el texto del enlace cambiando "imprimir" a lo que elija.

Hacer secciones específicas para imprimir

Puede configurar la capacidad de los usuarios para imprimir partes específicas de su página web utilizando un botón o enlace de impresión. Puede hacer esto agregando un print.css archivo a su sitio, llamándolo en la cabecera de su documento HTML y luego definiendo las secciones que desea imprimir fácilmente definiendo una clase. 

Primero, agregue el siguiente código a la sección principal de su documento HTML:

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

A continuación, cree un archivo llamado print.css. En este archivo, agregue el siguiente código: