Cómo posicionar un texto en HTML

Escrito por melantha harrison | Traducido por marcela carniglia
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo posicionar un texto en HTML
Alinea el texto en HTML (Ciaran Griffin/Lifesize/Getty Images)

La alineación del texto en HTML es relativamente simple. Existen muchas ventajas en saber cómo aplicar estos atributos a tu texto en HTML. Algunas de las técnicas son útiles cuando estás codificando a mano en lugar de utilizar un editor HTML que codifique por ti. Simplemente, esto te permite tener a mano una propuesta para editar tu código HTML.

Nivel de dificultad:
Fácil

Otras personas están leyendo

Necesitarás

  • Bloc de notas o editor HTML
  • Experiencia en HTML

Lista completaMinimizar

Instrucciones

  1. 1

    Abre tu editor de texto favorito a el HTML. Si el código no se genera automáticamente, empieza con el siguiente texto: <HTML>

    <HEAD> Ingreso del texto aquí es opcional… <TITLE>Ingresa el título de tu sitio web aquí…</TITLE> </HEAD>

    <BODY> Ingresa los contenidos de tu sitio web aquí… </BODY>

    </HTML>

  2. 2

    Comienza ingresando tu texto en la etiquetas "body". Luego de que hayas ingresado el texto y las imágenes en tus etiquetas "body", observa cuidadosamente el formato que deseas implementar en tu página web.

  3. 3

    Crea el formato del párrafo en HTML ingresando las siguientes etiquetas: <p>Esta etiqueta crea un párrafo bloqueado donde quiera que lo ingreses en tu HTML.</p> Para crear un salto de línea en HTML inserta la etiqueta <br/>. Esta etiqueta crea una nueva línea donde quiera que la ingreses en tu código.

  4. 4

    Alínea tu texto al centro, izquierda, derecha o justificado ingresando las siguientes etiquetas: <p align =“center”> alínea tu texto en el centro de la página. </p> <p align =“left”> alínea tu texto a la izquierda de la página. </p> <p align =“right”> alínea tu texto a la derecha de la página. </p> <p align =“justify”> justifica tu texto de derecha a derecha de la página. </p> <p align =“top”> alínea tu texto en la parte superior de la página. </p> <p align =“bottom”> alínea tu texto en la parte inferior de la página. </p>

  5. 5

    Mantén el formato original de tu texto empleando la siguiente etiqueta: mantiene el formato original Crea superíndice o subíndice aplicando las siguientes etiquetas: <sup> Esta etiqueta es para superíndice. </sup> <sub> Esta etiqueta es para subíndice. </sub>

Consejos y advertencias

  • Ten en mente que cuando usas esta etiqueta en HTML 4.01 está considerada obsoleta ( esto es, anticuada y sin un soporte completo):
  • La etiqueta CSS: usado en combinación con "izquierda" y "derecha", "centro", "justificar", o "heredar" producirá el mismo resultado que el atributo "p align". La mayoría de los navegadores todavía proporcionar compatibilidad con el atributo alinear. El uso de la etiqueta en el HTML no debería afectar el funcionamiento de tu sitio web que debería emplearla.

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