Notas:
1. Siempre se ejecuta de arriba hacia abajo, presentara el ultimo efecto programado
2. Tener cuidado con montar las etiquetas en el diseno
Practica de CSS
Modelo Caja 1:
En linea - Codigo embebido
p style="color:blue" Linea de estilo con codigo embebido /p
Modelo Caja 2:
Codigo interno - codigo cabecera
style h1 {color: gray;} /style
Modelo Caja 3:
Externo - Hoja de estilo
link href="../css/styles.css" rel="stylesheet"
Modelo Caja 1:
Todo elemento html que se presenta en pantalla se debe tratar como una caja.
Modelo Caja 2:
Todo elemento html que se presenta en pantalla se debe tratar como una caja.
Modelo Caja 3:
Todo elemento html que se presenta en pantalla se debe tratar como una caja.
Hipervinculos
Hipervinculos abrir en una nueva pestana
Para crear un hipervínculo que se abra en una nueva pestaña, debes agregar el atributo target="_blank" dentro de la etiqueta a. Esto hace que el contenido enlazado se abra en una nueva pestaña del navegador en lugar de reemplazar la página actual.
Abrir en una nueva pestanaHipervinculos abrir en la misma pestana
Para que un hipervínculo se abra en la misma pestaña en HTML, utiliza el atributo target="_self" dentro de la etiqueta a. Este es el valor predeterminado, por lo que en muchos casos no es necesario especificarlo, ya que el navegador abrirá el enlace en la misma pestaña por defecto.
Abrir en la misma pestanaHipervinculos abrir en una ventana segura
Para que los hipervínculos se abran en una nueva pestaña de forma segura, usa target="_blank" y agrega rel="noopener noreferrer" a la etiqueta en HTML. El atributo target="_blank" indica que el enlace se abrirá en una nueva pestaña o ventana, mientras que rel="noopener noreferrer" es una medida de seguridad crucial para prevenir ataques como el "tabnabbing".
Abrir en una nueva pestanaBotones con estilo
Evento hover