Cómo poner letras con colores en HTML

 

Tutorial HTML usando div para poner letras de colores.

---

definición de elemento <div>

De "división"divicion.... Sirve para crear seciones o agrupar contenidos.                    !!sus etiquetas son <div>y </div> (ambas obligatorias)!!

Está definido en: bloques ,

Crea una caja: En bloque.

Puede contener: Texto, y/o cero o más elementos en bloque o en linea.

Atributos

atributo	descripción	valor
Genéricos
title	Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".	Texto legible por personas. Sensible a M/m.. Por defecto: Lo fija el navegador.
id	Le da un nombre al elemento que lo diferencia de todos los demás del documento.	Un nombre único.Sensible a M/m. Por defecto: Lo fija el navegador.
class	Asigna nombres de clases al elemento. Por defecto, clases CSS.	Lista de clases separadas por espacio en blanco. Sensible a M/m. Por defecto: Lo fija el navegador.
style	Permite especificar información de estilo. Por defecto, estilos CSS.	Declaraciones de estilo. Por defecto: Lo fija el navegador.
lang	Información sobre el idioma del contenido del elemento y del valor de sus atributos.	Un código de idioma. Por defecto: "desconocido". Lo fija el navegador.
dir	Indica la dirección de texto y tablas.	Uno de los siguientes: 'ltr' o 'rtl'. Por defecto: En castellano 'ltr'. Lo fija el navegador.
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
datasrc	Enlaza a una fuente de datos externa (individual o tabular). Reservado para posibles usos futuros.	Una dirección URI. Por defecto: Lo fija el navegador.
datafld	El nombre de una propiedad o columna de datasrc. Reservado para posibles usos futuros.	Por defecto: Lo fija el navegador.
dataformatas	Indica como deben ser tratados los datos obtenidos de datasrc. Reservado para posibles usos futuros.	Uno de los siguientes: 'paintext' o 'html'. Por defecto: 'plaintext'
De transición
align	Alineación del texto.	Uno de los siguientes: "left", "center", "right", o "justify". Por defecto: 'left', lo fija el navegador
atributo	descripción	valor

Ejemplos de uso

Div y span

código:

<div style="color: blue;">
 <h2> Ejemplo de div y span </h2>
  <p>
    Esto es un párrafo dentro de un div,
    <span style="color: red;"> y esto un span dentro de un párrafo.</span>
  </p>
</div>

Resultado:

Ejemplo terminado;;

!Saludos Malignos!

Autor: Omar Moreno (Contactar con omar_moreno)