AdNow

loading...

Estilos HTML

-

Estilos HTML

❮ AnteriorSiguiente ❯

Ejemplo

Yo soy rojo
Soy azul
Soy grande
Pruebelo usted mismo »

El atributo de estilo HTML

Establecer el estilo de un elemento HTML, se puede hacer con el atributo de estilo .
El atributo de estilo HTML tiene la siguiente sintaxis :
property
:value;">
La propiedad es una propiedad CSS. El valor es un valor de CSS.
Aprenderá más sobre CSS más adelante en este tutorial.

Color de fondo HTML

La propiedad de color de fondo define el color de fondo para un elemento HTML.
Este ejemplo establece el color de fondo para una página en powderblue:

Ejemplo

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

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

</body>
Pruebelo usted mismo »

Color de texto HTML

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

Ejemplo

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

Fuentes HTML

La propiedad de la familia de fuentes define la fuente que se utilizará para un elemento HTML:

Ejemplo

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

Tamaño del texto HTML

La propiedad de tamaño de fuente define el tamaño del texto para un elemento HTML:

Ejemplo

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

Alineación de texto HTML

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

Ejemplo

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

Resumen del capítulo

  • Utilice el estilo de atributos para elementos de estilo HTML
  • Usar color de fondo para el color de fondo
  • Use color para los colores del texto
  • Usa font-family para fuentes de texto
  • Use tamaño de fuente para tamaños de texto
  • Use text-align para alineación de texto

Ponte a prueba con ejercicios!


❮ AnteriorSiguiente ❯

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

-
Imagen
click aqui para descargar el listado en formato pdf 21 de Julio de 2018 Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Saime abre sus oficinas los días sábados Con el propósito de dar celeridad al proceso de entrega de documentos, el Director General del Servicio Administrativo de Identificación, Migración y Extranjería (Saime), Gustavo Vizcaíno Gil, ordenó habilitar todas las oficinas del país los días sábados, únicamente para la entrega de cédulas y pasaportes. Los usuarios podrán ingresar en la página web del Saime  www.saime.gob.ve  y verificar si están en el listado donde le indicará en que oficina pueden retirar sus documentos de identificación. Esta iniciativa  da cumplimiento a la séptima línea de
Leer más

Etiqueta HTML < abbr >

-
Etiqueta  HTML  <abbr> ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Una abreviatura se marca de la siguiente manera: The  < abbr  title ="World Health Organization" > WHO < /abbr >  was founded in 1948. Pruebelo usted mismo » Definición y uso La etiqueta <abbr> define una abreviatura o un acrónimo, como "Sr.", "Dec.", "ASAP", "ATM". Sugerencia:  una abreviatura y un acrónimo son versiones abreviadas de otra cosa.  Ambos a menudo se representan como una serie de letras. Marcar las abreviaturas puede proporcionar información útil para navegadores, sistemas de traducción y motores de búsqueda. Soporte del navegador Element <abbr> Yes Yes Yes Yes Yes Consejos y notas Consejo:  El atributo de título global se puede usar en la etiqueta <abbr> para mostrar la versión completa de la abreviatura / acrónimo al pasar el mouse sobre el elemento <abbr>. Difere
Leer más

HTML < a > tag

-
HTML  <a>  día ❮ Referencia HTML completa anterior Siguiente  ❯ Ejemplo Un enlace a W3Schools.com: < a  href ="https://www.w3schools.com" > Visit W3Schools.com! < /a > Pruebelo usted mismo » More "Pruebelo usted mismo" examples below. Definición y uso La etiqueta <a> define un hipervínculo, que se usa para vincular de una página a otra. El atributo más importante del elemento <a> es el atributo href, que indica el destino del enlace. Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores: Un enlace no visitado está subrayado y azul Un enlace visitado está subrayado y morado Un enlace activo está subrayado y rojo Soporte del navegador Element <a> Yes Yes Yes Yes Yes Consejos y notas Sugerencia:  los siguientes atributos: descarga, hreflang, medios, rel, destino y tipo no pueden estar presentes si el atributo href no está presente. Consejo:  Normalmente, una pági
Leer más

Visitas a este blog