1. En linea - Codigo embebido
style="color:red">Linea de estilo con codigo embebido
2. Codigo interno - en cabecera
style
p{
background:blue;
}
style
3. Externo en File.css
link rel = "stylesheet" href="estilo.css"
caja #2
Todo elemento HTML que se presenta en pantalla debe tratarse como una caja
caja #1
Todo elemento HTML que se presenta en pantalla debe tratarse como una caja
Hipervinculos
Hipervinculos: Abrir en nueva pestaña
Los hipervinculos son enlaces que permiten a los usuarios navegar a otra página web. Para abrir un hipervinculo en una nueva pestaña se utiliza el atributo target="_blank" en el elemento del hipervinculo. Esto permite que el navegador abra el enlace en una nueva pestaña o ventana, dependiendo de la configuracion del navegador del usuario.
Link a nueva pestaña
Hipervinculos: Abrir en la misma pestaña
Los hipervinculos permiten a los usuarios navegar entre distintas paginas web de manera sencilla. Sin embargo no todos los navegadores permiten abrir enlaces en la misma pestaña. Para aquellos que desean mantener la navegación dentro de su sitio web o evitar que los usuarios se distraigan con otras paginas externas, es posible utilizar HTML y la propiedad target="_self" del elemento de ancla para abrir un enlace en la misma pestaña.
Link en misma pestaña
Hipervinculos: Abrir en nueva pestaña en modo seguro
target="_blank": Este atributo le indica al navegador que abra el enlace en una nueva pestaña o ventana, lo que evita que el usuario abandone tu sitio web actual.
rel="noopener": Previene que el enlace de destino acceda a la información del sitio web original a través de la propiedad window.opener. Esto es una medida de seguridad importante para evitar ataques de suplantación de identidad (phishing).
rel="noreferrer": Evita que se envíe información sobre la página de origen a la página de destino. Esto mejora la privacidad
Link a nueva pestaña modo seguro