HTML Css Js PDF
HTML Css Js PDF
Alejandro de Arriba
[email protected]
@lex0712
facebook.com/adearriba.baranda
Agenda
• HTML: • JS
• ¿Qué es HTML? • ¿Qué es Javascript?
• ¿Cómo utilizar JS?
• Sintaxis de HTML
• Peculiaridades de sintaxis
• Esqueleto de un documento HTML
• Variables y Funciones
• Clases IDs y su diferencia • Decisiones y Ciclos
• CSS • Seleccionando elementos del DOM
• Agregar eventos
• ¿Qué es CSS?
• Comprender la Sintaxis de CSS
• Selectores
• Herencia
¿Qué es HTML?
HTML 101 - ¿Qué es HTML?
HyperText
Lenguaje de
Markup Un estándar
etiquetas
Language
<!DOCTYPE html>
<html lang=“es”>
<head>
Encabezado:
<head> </head>
</head>
<body>
Cuerpo:
</body>
<body> </body>
</html>
HTML 101 – Clases identificadores
Identificadores
• Identificar un elemento del documento.
• No debe repetirse, debe ser único.
Clases
• Identificar un grupo de elementos.
• Reutilizar reglas sobre un grupo de elementos.
Demo HTML
CSS
CSS 101 - ¿Qué es CSS?
Controla el aspecto
Lenguaje de hojas de los documentos
de estilos. electrónicos. ->
HTML
Separar el
contenidos de su
aspecto
CSS 101 - Sintaxis
Lenguaje de Normalmente
Programación utilizado en el
interpretado navegador
Recientemente
utilizado al lado Sintaxis basada
del servidor en C
(node.js)
Javascript 101 - ¿Cómo utilizar Javascript?
Definir
Incluir Incluir
JavaScript
JavaScript JavaScript
en un
en el mismo en los
archivo
documento elementos
externo
Javascript 101 – Peculiaridades de la sintaxis
var msj = "hola mundo"; //Está será una variable de tipo string.
var numero = 5; //Está será una variable de tipo entero.
getElementByID getElementsByTag
querySelector querySelectorAll
Javascript 101 – Agregando eventos
[email protected]
@lex0712
facebook.com/adearriba.baranda