viernes, 24 de febrero de 2017

Introduccion al estilo en HTML

Tutorial de HTML y principalmente su version 5

Estilos

El atributo style

Dar estilo a un elemento HTML, puede hacerse con el atributo style.

El atributo style emplea la sintaxis siguiente:

<nombredeetiqueta style="propiedad:valor;">

La propiedad es una propiedad CSS. El valor es un valor CSS.

Aprenderás más sobre CSS luego, en esta guía.

Color de fondo

Lo propiedad background-color define el color de fondo para un elemento HTML.

Este ejemplo establece el color de fondo de una pagina como azul pálido:

<body style="background-color:powderblue;">
 <h1>Este es un encabezado</h1>

 <p>Este es un párrafo.</p>
</body>

Color de texto

La propiedad color define el color de texto para un elemento HTML:

<h1 style="color:blue;">Este es un encabezado</h1>

<p style="color:red;">Este es un párrafo.</p>

Tipos de letra

La propiedad font-family define el tipo de letra que se usara para un elemento HTML:

<h1 style="font-family:verdana;">Este es un encabezado</h1>

<p style="font-family:courier;">Este es un párrafo.</p>

Tamaño de texto

La propiedad Font-size define el tamaño de texto para un elemento HTML:

<h1 style="font-size:300%;">Este es un encabezado</h1>

<p style="font-size:160%;">Este es un párrafo.</p>

Alineación de texto

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

<h1 style="text-align:center;">Encabezado Centrado</h1>

<p style="text-align:center;">Párrafo centrado.</p>

No hay comentarios.:

Publicar un comentario