24 Questions
¿Cuál es la función principal de HTML en una página web?
Estructurar la página
¿Qué significa el acrónimo HTML?
Lenguaje de Marcas de Hipertexto
¿Qué es CSS?
Un lenguaje de estilo
¿Cuál es la función principal de CSS en una página web?
Dar estilo a la página
¿Qué es la anatomía de una página web?
Los elementos básicos que conforman una página web
¿Qué significan las siglas CSS?
Cascading Style Sheets
¿Cuál es el papel del desarrollador frontend en un proyecto web?
Manejar la parte visual y de interacción del proyecto
¿Qué es JavaScript en el contexto de desarrollo web?
Un lenguaje de programación basado en prototipos
¿Cuál es el propósito del head en un archivo HTML?
Llamar a archivos importantes para el funcionamiento de la página web
¿Qué es un framework en el contexto de HTML?
Una estructura o plantilla que optimiza tiempos de trabajo
¿Qué es el body en un archivo HTML?
La parte que organiza el contenido que los usuarios ven
¿Qué tipo de etiqueta es el
Contenedora
¿Qué es un archivo CSS?
Un archivo con estilos escritos
¿Qué es una API?
Un mecanismo que permite la comunicación entre software
¿Cuál es el nombre que debe tener el primer archivo que carga cualquier sitio web?
index.html
¿Qué es la anatomía de una etiqueta HTML?
La estructura básica de una etiqueta
¿Cómo se cierran las etiquetas en HTML?
Con un slash (/)
¿Qué atributo se utiliza para insertar una imagen en HTML?
src
¿Qué etiqueta se utiliza para insertar un video en HTML?
video
¿Qué atributo se utiliza para especificar un texto alternativo para una imagen en HTML?
alt
¿Qué atributo se utiliza para especificar los controles para manipular un video en HTML?
controls
¿Qué etiqueta se utiliza para especificar varias rutas de un video en HTML?
source
¿Cómo se especifica un tiempo de inicio y fin para un video en HTML?
Usando el atributo #t con un valor de tiempo
¿Qué es lo que se recomienda siempre utilizar para insertar un archivo multimedia en HTML?
La etiqueta figure
Study Notes
Desarrollador Front-end
- Un desarrollador front-end se encarga de la parte visual de un proyecto web, es decir, toda parte que interactúa con el usuario mediante el navegador.
- Debe enfocarse en interacciones, animaciones, estilos, navegación y estándares de desarrollo.
Estándares de desarrollo web
- Existen tres estándares fundamentales para el desarrollo web: HTML, CSS y JavaScript.
- HTML estructura un documento mediante etiquetas.
- CSS define el diseño de un documento previamente escrito en un lenguaje de referencia.
- JavaScript indica al navegador qué tareas debe realizar y es un lenguaje de programación basado en prototipos, orientado a objetos.
Anatomía de una página web
- La anatomía de una página web se compone de elementos básicos: Header, Main content, Side Bar, Footer.
- Estos elementos se pueden distribuir de manera diferente.
Estructura básica de un Index.html
- El head llama a todos los archivos importantes necesarios para el correcto funcionamiento de la página web y que no deben ser visibles por los usuarios.
- Algunos de estos archivos pueden ser frameworks, librerías, estilos, fuentes, APIs.
- El body organiza el contenido que los usuarios ven.
Etiquetas HTML
- Las etiquetas HTML tienen una estructura básica, algunas deben cerrarse con un "/".
- Existendiferentes tipos de etiquetas, como etiquetas de contenido y etiquetas contenedoras.
Etiquetas multimedia
- Las etiquetas utilizadas para insertar imágenes y vídeos son: img, video, source.
- La etiqueta img tiene atributos como src, alt, title.
- La etiqueta video tiene atributos como src, controls, preload.
- La etiqueta source se utiliza para especificar varias rutas de archivos de video en caso de que el navegador no entienda algún formato de vídeo.
Aprende sobre los aspectos clave del desarrollo frontend, incluyendo interacciones, animaciones, estilos y navegación, y cómo se aplican los estándares HTML, CSS y JavaScript en el desarrollo web.
Make Your Own Quizzes and Flashcards
Convert your notes into interactive study material.
Get started for free
