Tecnología

Inicio

Relleno HTML Tutorial

HyperText Markup Language (HTML) le permite hacer uso de relleno, lo que crea un espacio entre el contenido y el borde del elemento que está asignado. Por ejemplo, si designa el relleno en una celda de la tabla, el espacio se produce entre los datos y el borde de la mesa. Utilización de hojas de estilo en cascada (CSS) en conjunto con el código HTML, puede aprender a utilizar el relleno para construir un diseño mejor aspecto en el documento HTML.

Instrucciones

1 Iniciar la aplicación editor de texto que viene con su ordenador y crear una nueva página o abrir uno existente.

2 Introduzca un marcador de posición de estilo CSS dentro de la "<head> </ head>" parte de su documento HTML de la siguiente manera:
<Head>
<Style type = "text / css">
</ Style>
</ Head>

3 Escriba un selector entre el "<style> </ style>" etiquetas, que da nombre al elemento de la página que desea que el comportamiento de relleno que se asignará a. Por ejemplo, el tipo "cuerpo" para controlar su página entera, o tipo "P" para administrar sólo los párrafos. Añadir apertura y cierre de corchetes después de la entrada. Para ilustrar:
<Style type = "text / css">
cuerpo { }
</ Style>

4 Enter "padding-top", "padding-bottom", "padding-right" y descriptores "padding-left" que dan nombre a dónde se produce el espacio. Escriba un valor numérico en píxeles (px) después de cada entrada. El código completo ahora se ve de la siguiente manera:
<Head>
<Style type = "text / css">
body {padding-top: 15px; padding-bottom: 15px; padding-right: 10px; padding-left: 10px; }
</ Style>
</ Head>

5 Guarde el archivo y lanzar un navegador Web. Haga clic en la opción "Abrir" o "Abrir archivo" en el menú "Archivo" del navegador para ver el documento HTML con el relleno. Editar los números asignados en el paso 4 para ajustar el espacio si es necesario.