Tecnología

Inicio

Cómo agregar espacio alrededor de una imagen usando la programación HTML

May 28

HTML - Hypertext Markup Language - es un lenguaje de programación que se utiliza para crear páginas web. sitios web y páginas web están escritos en código HTML. Ya sea que esté configurando una página web personal o una página web de negocios, el aprendizaje del código HTML puede ser muy beneficioso. Saber cómo utilizar el código puede ayudar a manipular la configuración de página. Los documentos HTML contienen texto plano y tener una extensión o '.html' '.htm'. Puede añadir espacio alrededor de las imágenes en su página. Adición de espacio alrededor de una imagen es una excelente manera de hacer que su página atractiva. Esta guía le enseñará cómo agregar espacio alrededor de sus imágenes para verlas en su página. Se presenta un enfoque muy simple para la personalización de su página.

Instrucciones

1 Iniciar un programa de procesador de textos, editor de texto o creación de páginas web. Que va a utilizar esto para crear una página web.

2 Escriba HSPACE =? en el interior de la etiqueta de la imagen. Vuelva a colocar el signo de interrogación con un número para indicar la cantidad de espacio que desea añadir a los lados izquierdo y derecho de la imagen en píxeles. Cuanto mayor sea el número, más espacio que se sumará alrededor de la imagen. Su texto debe ser similar al siguiente ejemplo:. <HTML> <HEAD> <TITLE> Este es su título </ title> </ head> <body> <H1> Este es el texto de bienvenida </ H1> <img src = "Butterfly.jpg" ALIGN = LEFT hspace = 30> Las mariposas son muy hermosas criaturas. En ellas se muestran varios colores diferentes. </ BODY> </ HTML>

3 Abrir un nuevo navegador web para verificar que la página web añade espacio a los lados izquierdo y derecho de la imagen. Para visualizar la página, es posible utilizar un navegador, como Internet Explorer. Para abrir la página web en el navegador, haga clic en el botón de archivo a lo largo de la barra de menús, haga clic en Abrir. Aparece el cuadro de diálogo abierto. Haga clic en Examinar para localizar la página web. Elija la página web que desea abrir. Su página Web aparecerá en el navegador.

4 Iniciar el procesador de textos o editor de texto que va a utilizar para crear su página web. Para agregar espacio en la parte superior e inferior de la imagen, tipo VSPACE =? Vuelva a colocar el signo de interrogación con un número para indicar la cantidad de espacio que desea añadir a los lados izquierdo y derecho de la imagen en píxeles. Cuanto mayor sea el número, más espacio que se sumará alrededor de la imagen. Su texto debe ser similar al siguiente ejemplo:. <HTML> <HEAD> <TITLE> Este es su título </ title> </ head> <body> <H1> Este es el texto de bienvenida </ H1> <img src = "Butterfly.jpg" ALIGN = LEFT VSPACE = 30> Las mariposas son muy hermosas criaturas. En ellas se muestran varios colores diferentes. </ BODY> </ HTML>

5 Abrir un nuevo navegador web para verificar que su página web añade espacio a los lados superior e inferior de la imagen.

Consejos y advertencias

  • Debe mostrar la página web en varios navegadores para ver cómo cada navegador mostrará la página.