Cómo crear un espacio en imágenes y párrafos en HTML

Escrito por brandy alexander | Traducido por walter f. stocco
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo crear un espacio en imágenes y párrafos en HTML
Guarda el documento y súbelo al servidor Web que contiene los archivos del sitio. Las fotografías y los párrafos están ahora divididos. (Jupiterimages, Brand X Pictures/Brand X Pictures/Getty Images)

Aunque los elementos Web tales como imágenes y párrafos tienen espaciado por defecto, se puede utilizar código HTML para ampliar el espacio alrededor de dichos elementos. Los diferentes códigos HTML te ofrecen la posibilidad de crear un espacio seguro que pone a tu imagen o párrafo en la línea siguiente o se mueve más lejos en la misma línea. Accede al programa editor de texto instalado en tu equipo e inserta el espacio que desees.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Inicia tu programa de edición de texto y pon en marcha el documento HTML con las imágenes y los párrafos que desees modificar.

  2. 2

    Coloca el cursor después del código de imagen o de la etiqueta del párrafo de cierre "</p>". Un código de imagen se ve como el siguiente ejemplo: <img src="http://www.site.com/picture.jpg" />

  3. 3

    Escribe una etiqueta de salto " " para crear un espacio que ponga la imagen o el párrafo en una línea separada. Como alternativa, introduce un caracter de espacio sin salto "" para insertar uno que empuje el contenido horizontalmente en la misma línea. Puedes escribir más de una etiqueta de salto o caracter de espacio sin salto para aplicar un espacio seguro aún mayor. Para ilustrar: <p>This is a paragraph</p>

  4. 4

    Guarda el documento y súbelo al servidor Web que contiene los archivos del sitio. Las fotografías y los párrafos están ahora divididos.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles