HTML significa lenguaje de marcado de hipertexto. Se utiliza para diseñar páginas web utilizando un lenguaje de marcado. HTML es la combinación de hipertexto y lenguaje de marcado. El hipertexto define el vínculo entre las páginas web. Se utiliza un lenguaje de marcado para definir el documento de texto dentro de la etiqueta que define la estructura de las páginas web.
El navegador utiliza HTML para manipular texto, imágenes y otro contenido para mostrarlo en el formato requerido.
Alineación del texto
Podemos cambiar la alineación del texto usando la propiedad text-align. Podemos alinear el texto en el centro, Izquierda, Derecha.
| Propiedad | Descripción | Valores | Ejemplo |
| texto alineado | Especifica la alineación horizontal del texto o bloque de texto | izquierda (predeterminado)/derecha/centro/justificar | alineación de texto: derecha |
| Valor | Descripción |
| izquierda | El texto se alineará a la izquierda. |
| Correcto | El texto se alineará a la derecha. |
| centro | El texto se alineará al centro. |
La alineación del texto se puede hacer con CSS (hojas de estilo en cascada) y la etiqueta de atributo HTML.
Nota: La alineación izquierda del texto es la predeterminada. Si no escribimos el atributo de alineación de texto, nuestro texto se alineará automáticamente a la izquierda.
Alinear texto usando CSS
CSS significa Hojas de estilo en cascada, HTML permite el uso de estos CSS para realizar cambios en el estilo del contenido de una página web. Por ejemplo, aquí usaremos CSS para alinear texto en un código HTML.
Método 1: alinear el texto al centro
HTML
<html>
<head>
<title>Text alignment</title>
<style>
h1{text-align: center;}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
</body>
</html>
Método 2: alinear el texto a la derecha
HTML
<html>
<head>
<title>Text alignment</title>
<style>
h1{text-align: right;}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
</body>
</html>
Método 3: alinear el texto a la izquierda
HTML
<html>
<head>
<title>Text alignment</title>
<style>
h1{text-align: left;}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
</body>
</html>
Nota: El texto alineado a la izquierda es el predeterminado.
Alinear texto usando el atributo de alineación HTML
Método 1: alinear el texto al centro
HTML
<html> <head> <title>Text alignment</title> </head> <body> <h1 align="center">GeeksforGeeks</h1> </body> </html>
Método 2: alinear el texto a la derecha
HTML
<html> <head> <title>Text alignment</title> </head> <body> <h1 align="right">GeeksforGeeks</h1> </body> </html>
Método 3: alinear el texto a la izquierda
HTML
<html> <head> <title>Text alignment</title> </head> <body> <h1 align="left">GeeksforGeeks</h1> </body> </html>
Nota: El texto alineado a la izquierda es el predeterminado.
Publicación traducida automáticamente
Artículo escrito por ysachin2314 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA