Want to create interactive content? It’s easy in Genially!
Clase 3. Introducción a CSS
Rey Segura
Created on October 14, 2024
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Memories Presentation
View
Pechakucha Presentation
View
Decades Presentation
View
Color and Shapes Presentation
View
Historical Presentation
View
To the Moon Presentation
View
Projection Presentation
Transcript
Presentación
clase 3. Introducción a CSS con etiquetas
¡Recordemos algunos conceptos!
00:10
Genially
00:10
Genially
00:10
Genially
rECORDEMOS ALGUNAS ETIQUETAS
8. <a>
1. <html>
2. <head>
3. <body>
4. <h1-h6>
5. <p>
6. <br>
7. <img>
Etiqueta de hipervinculo <a href="" blank="">
Etiqueta de hipervinculo href=" " (atributo , que indica el destino del enlace) blank=" " (Especifica dónde abrir el documento vinculado.)>
Se utiliza para vincular de una página a otra donde puedes utilizarla para agregar videos, otros sitios web.
ESPECIFICACIÓN DEL LINK
target="_blank" Se abre el link en otra pestaña.
EJEMPLO
<a href="https://www.youtube.com/watch?v=DojWoI8NJds" target="_blank" >video de naruto</a>
target="_parent" Se abre en link en la misma pestaña
css
CSS significa hojas de estilo en cascada
Es el lenguaje que usamos para dar estilo a una página web.
CSS es como magia, es una herramienta mágica que ayuda a que las páginas web se vean bonitas y coloridas. Imagina que CSS es como un pintor que elige los colores y las formas para hacer que tu sitio web sea especial. Con CSS, puedes cambiar el tamaño de las letras, el color de los fondos y mucho más, ¡haciendo que todo se vea increíble!
SINTAXIS
Un selector CSS selecciona los elementos HTML que desea diseñar.
SELECTOR (etiqueta) { propiedad: valor; }
EJEMPLO
body { background-color: lightblue; }
COMO ENLAZARLO CON HTML
<link rel="stylesheet" href="style.css">