Computación y electrónica

¿Cómo cambiar los colores de títulos y subtítulos?

Escrito por foye robinson | Traducido por jaime alvarez
¿Cómo cambiar los colores de títulos y subtítulos?

Puedes cambiar los títulos y subtítulos desde HTML.

Comstock/Comstock/Getty Images

Los títulos y subtítulos atraen a los lectores a una sección concreta de una página de Internet. Como tales, deben diferenciarse de otro texto. Hay seis etiquetas que se utilizan para los encabezados en HTML (lenguaje de marcas de hipertexto, por sus siglas en inglés), la codificación utilizada para crear páginas de Internet. La etiqueta

es la más grande y se aplica a los títulos principales de la página. Las etiquetas de

a

muestran cada nivel en un tamaño más pequeño y se utilizan para los subtítulos. Puedes personalizar el color de los títulos y subtítulos para hacerlos distintos.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Selecciona "Archivo" y "Abrir" en un editor de texto, como el Bloc de notas, TextPad o EditPad y haz doble clic en el archivo HTML al que deseas dar formato.

  2. 2

    Agrega el siguiente código entre la etiqueta <HEAD>. Cambia el color de los títulos y subtítulos a azul. Para utilizar un color diferente, cambia "blue" (azul) al color deseado. <style type="text/css"> <!-- h1,h2,h3,h4,h5 { color:blue; } --> </style>

  3. 3

    Crea cada título o subtítulo en un color diferente, añadiendo el estilo entre la etiqueta <HEAD>. Por ejemplo, para establecer el color de las etiquetas <H1> y <H2> a azul, las etiquetas <H3> y <H4> a rojo y la etiqueta <H5> a verde, utiliza el siguiente código: <style type="text/css"> <!-- h1,h2 { color:blue; } h3,h4 { color:red; } h5 { color:green; } --> </style>

  4. 4

    Agrega el siguiente código entre la etiqueta <BODY> para cualquier título o subtítulo de tu página. Fijará el título o subtítulo dentro del tipo normal y aplica el estilo de la etiqueta <HEAD> a tu página. Reemplaza "Mi texto va aquí" con el título o subtítulo. <h1>Mi texto va aquí</h1> <h2>Mi texto va aquí</h2> <h3>Mi texto va aquí</h3> <h4>Mi texto va aquí</h4> <h5>Mi texto va aquí</h5>

Más galerías de fotos

comentarios

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles

Copyright © 1999-2014 Demand Media, Inc. Acerca de

El uso de este sitio constituye la aceptación de los términos y política de privacidad de eHow. Ad Choices es-US

Demand Media