Tecnología

Inicio

Cómo hacer HTML del material de impresión a la anchura del papel

Cómo hacer HTML del material de impresión a la anchura del papel


Al imprimir sus documentos de HyperText Markup Language (HTML), el contenido no siempre se vea lo largo de todo el ancho del papel. Afortunadamente, Cascading Style Sheets (CSS) ofrecen una solución a este problema, ya que se crea un documento de reglas de estilo (hojas de estilo) y establecer esto en movimiento con una configuración de "materiales de impresión". Este medio trabaja en conjunto con el código HTML, pero no altera el aspecto de su página en la web. Usted puede utilizar su aplicación de edición de texto para hacer su propia impresión de HTML a la anchura del papel.

Instrucciones

1 Lanzamiento de su editor de texto y crear una nueva página.

2 Escriba en una regla de estilo "cuerpo" y establecer la "anchura" a "100%", el "margen" a "0" y el "flotar" a "ninguno". El estilo y descriptores trabajan juntos para asegurarse de que las impresiones de la visualización completa de la anchura del papel. Por ejemplo:
body {width: 100%; margin: 0; float: none; }

3 El nombre de su archivo y guardarlo con la extensión ".CSS". Coloque el documento en su servicio de alojamiento web en la misma carpeta que contiene los otros archivos del sitio web y hacer una nota de la ubicación.

4 Abra su página web y colocar el cursor entre los "<head> </ head>" elementos en la parte superior del código HTML.

5 Escribir el código que se fija la hoja de estilos CSS a su documento HTML:
<Link rel = "stylesheet" href = "http://www.yourdomain.com/filename.css" type = "text / css" media = "print" />

Los "medios de impresión =" especifica que este estilo es sólo para ser utilizado cuando un usuario imprime su página web.

6 Guardar este documento y verla en un navegador web para que pueda comprobar los resultados.