jueves, 28 de abril de 2022

Estilos HTML

El atributo HTML se utiliza para agregar estilos a un elemento, como color, fuente, tamaño y más.style


Ejemplo

Soy Rojo

Soy Azul

Soy grande



El atributo de estilo HTML

Establecer el estilo de un elemento HTML, se puede hacer con el atributo.style

El atributo HTML tiene la sintaxis siguiente:style

<tagname style="property:value;">
La propiedad es una propiedad CSS. El valor es un valor CSS.

Aprenderá más sobre CSS más adelante en este tutorial.

Color de fondo

La propiedad CSS define el color de fondo de un elemento HTML.background-color

Ejemplo

Establezca el color de fondo de una página en powderblue:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

Ejemplo

Establezca el color de fondo para dos elementos diferentes:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>


Color del texto

La propiedad CSS define el color del texto para un elemento HTML:color

Ejemplo

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Fuentes

La propiedad CSS define la fuente que se utilizará para un elemento HTML:font-family

Ejemplo

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Tamaño del texto

La propiedad CSS define el tamaño de texto de un elemento HTML:font-size

Ejemplo

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Alineación de texto

La propiedad CSS define la alineación horizontal del texto para un elemento HTML:text-align

Ejemplo

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

Resumen del capítulo

  • Usar el atributo para aplicar estilos a los elementos HTMLstyle
  • Uso para el color de fondobackground-color
  • Uso para colores de textocolor
  • Uso para fuentes de textofont-family
  • Uso para tamaños de textofont-size
  • Uso para la alineación de textotext-align

No hay comentarios:

Publicar un comentario

Imágenes HTML

Las imágenes pueden mejorar el diseño y la apariencia de una página web. Ejemplo < img  src ="pic_trulli.jpg"  alt ="Itali...

Política de Privacidad
Este sitio utiliza cookies de Google para analizar el tráfico a este sitio. La información sobre su uso de nuestro sitio se comparte con Google para ese propósito. Acepto Más información