Estilo HTML
- Página anterior Párrafos HTML
- Página siguiente Formateo de HTML
La propiedad style se utiliza para cambiar el estilo de los elementos HTML.
Este texto está en Verdana y rojo Este texto está en Times y azul Este texto tiene 30 píxeles de altura
Propiedad style de HTML
Función de la propiedad style:
Proporciona un método universal para cambiar el estilo de todos los elementos HTML.
Los estilos se introdujeron en HTML 4 y son el nuevo método preferido para cambiar el estilo de los elementos HTML. A través de los estilos HTML, puedes agregar estilos directamente a los elementos HTML utilizando la propiedad style, o indirectamente en una hoja de estilo separada (archivo CSS).
Puedes encontrar más información en nuestra Tutorial de CSSAprende todo sobre estilos y CSS aquí.
En nuestro tutorial de HTML, utilizaremos la propiedad style para explicar los estilos HTML.
Etiquetas y propiedades no recomendadas
En HTML 4, hay varias etiquetas y propiedades que se han obsolecionado. La palabra 'obsoleta' significa que estos elementos y propiedades no serán soportados en futuras versiones de HTML y XHTML.
La información transmitida aquí es clara: ¡evite usar estas etiquetas y propiedades obsoletas!
Debería evitar usar las siguientes etiquetas y propiedades:
| Etiqueta | Descripción |
|---|---|
| <center> | Definir contenido centrado. |
| <font> y <basefont> | Definir la fuente HTML. |
| <s> y <strike> | Definir texto tachado |
| <u> | Definir texto subrayado |
| Propiedad | Descripción |
| align | Definir el alineamiento del texto |
| bgcolor | Definir el color de fondo |
| color | Definir el color del texto |
Para los siguientes elementos y propiedades: ¡utilice estilos en su lugar!
Ejemplo de estilo HTML - Color de fondo
La propiedad background-color define el color de fondo del elemento:
<html> <body style="background-color:yellow"> <h2 style="background-color:red">Este es un encabezado</h2> <p style="background-color:green">Este es un párrafo.</p> </body> </html>
La propiedad style ha desplazado la propiedad antigua bgcolor.
Prueba personalmente: método antiguo para configurar el color de fondo
Ejemplo de estilo HTML - Fuentes, colores y tamaños
Las propiedades font-family, color y font-size definen respectivamente la serie de fuentes, el color y el tamaño de fuente del texto de los elementos:
<html> <body> <h1 style="font-family:verdana">Un encabezado</h1> <p style="font-family:arial;color:red;font-size:20px;">Un párrafo.</p> </body> </html>
La propiedad style ha desplazado la etiqueta antigua <font>.
Prueba personalmente: método antiguo para configurar la fuente
Ejemplo de estilo HTML - Alineación de texto
La propiedad text-align especifica el modo de alineación horizontal del texto de los elementos:
<html> <body> <h1 style="text-align:center">Este es un encabezado</h1> <p>El encabezado superior se alinea al centro de esta página.</p> </body> </html>
La propiedad style ha desplazado la propiedad antigua "align".
- Página anterior Párrafos HTML
- Página siguiente Formateo de HTML
