Tecnología

Inicio

Cómo crear un botón de impresión en una página Web

November 1

Cómo crear un botón de impresión en una página Web


Un botón "Imprimir" en su página web permite a los usuarios a imprimir rápidamente el contenido de la página. Cuando se pulsa el botón, de diálogo de impresión del navegador aparece. Entonces todo lo que el usuario tiene que hacer es elegir su impresora de la lista, cambie las propiedades si así lo desea y haga clic en "OK" para imprimir la página Web.

Instrucciones

1 Abra el archivo que contiene el código HTML para la página Web en un texto o editor de HTML.

2 Vaya a la sección <body> de su código HTML. Encontrar el punto exacto en su página en la que desea insertar el botón de impresión. Idealmente, debería ser, ya sea en la parte superior o inferior de la página. Tipo <p> </ p> para crear un párrafo en blanco para crear un espacio entre la línea anterior y el botón.

3 Crear una etiqueta de entrada, como lo haría en un formulario, y utilice el código JavaScript para darle a su botón de la función de impresión. Tipo "<input type =" botón "onclick = 'window.print ()' value =" Imprimir "/>" sin las notas finales de cotización para contar el navegador del usuario para abrir el cuadro de diálogo "Imprimir". Puede cambiar "Imprimir" en el atributo de valor a cualquier palabra o frase que desea.

4 Escriba en una etiqueta de salto -
- Ir a la siguiente línea y escribir una línea corta debajo del botón "Imprimir" para describir lo que el usuario debe pulsar el botón. Por ejemplo, podría escribir "Haga clic aquí para imprimir esta página." También puede añadir esta línea antes de que el botón de imprimir si así lo desea.

5 Guarde el archivo HTML y subirlo a su sitio web. Haga clic en el botón "Imprimir" para probarlo.

Consejos y advertencias

  • Como alternativa, puede crear un enlace JavaScript para crear el botón de impresión. Tipo "<a href='javascript:window.print()'> <img src = 'imagehere.jpg" /> </a> "- sin la calificación final de la cita. La referencia "imagehere.jpg" debe contener su propio enlace a "Imprimir" imagen del botón en su servidor Web. Puede crear este botón en un programa de edición de imágenes, como Adobe Photoshop.