Clases HTML y atributo de id

Utilizando el atributo de Id

El idatributo especifica un identificador único para un elemento HTML (el valor debe ser único dentro del documento HTML).

El valor id puede ser usado por CSS y JavaScript para realizar ciertas tareas para el elemento con el valor de ID específica.

En CSS, para seleccionar un elemento con un ID específico, escribe un carácter almohadilla (#), seguido por el id del elemento:

Ejemplo:

Consejo: El atributo id puede ser usado en cualquier elemento HTML.

Nota: El valor id entre mayúsculas y minúsculas.

Nota: El valor de ID debe contener al menos un carácter, y debe no contener espacios en blanco (espacios, tabulaciones, etc.).


Diferencia entre clase y ID

Un elemento HTML sólo puede tener un identificador único que pertenece a ese solo elemento, mientras que un nombre de clase puede ser utilizado por varios elementos:

Ejemplo:



Ejercicio:

Escriba el código HTML y CSS que nos lleve a visualizar la siguiente página web 
tipografías: verdana y Times, buscar colores que se asemejen al ejemplo.




Comentarios

Publicar un comentario

Entradas populares de este blog

Enlaces, hipervínculos e imágenes

Imagen
Enlaces, links, hipervínculos Definición y Uso La etiqueta <a> define un hipervínculo, que se utiliza 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 vínculo. 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 es subrayada y púrpura Un vínculo activo es subrayada y rojo Enlaces hipervínculos HTML  enlaces HTML son hipervínculos. Puede hacer clic en un enlace y saltar a otro documento. Al mover el ratón sobre un enlace, el puntero del ratón se convertirá en una pequeña mano. Nota:  Un enlace no tiene que ser un texto.  Puede ser una imagen o cualquier otro elemento HTML. video Vínculo a un link externo <a> Vínculo a una imágen  <img src> Abrir un enlace en una nueva ventana del navegador  El atributo de des
Leer más

Introducción a CSS

Imagen
¿Qué es CSS? CSS  significa  C ascading  S tyle  S heets CSS describe  cómo los elementos HTML se van a mostrar en la pantalla.  CSS  ahorra mucho trabajo .  Se puede controlar el diseño de varias páginas web a la vez Las hojas de estilo externas se almacenan en  archivos CSS Sintaxis CSS Un conjunto de reglas CSS consta de un selector y un bloque de declaración: Ejemplo p  {     color :  red ;     text-align :  center ; } Niveles de Acoplamiento CSS con HTML Video 1 Video 2 Video 3 Ejercicio: Aplicar las reglas de CSS al código HTML abajo citado de las tres maneras posibles,: mediante el atributo style mediante la etiqueta <style> mediante la etiqueta <link> Para ello utilizaremos las propiedades de CSS. color (color del texto), background-color,   (color de fondo del texto), font-family   (tipografía)  y font-size (tamaño de letra) <!DOCTYPE HTML>   <html>
Leer más