Desarrollo Frontend: Introducción y Estándares
24 Questions
0 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál es la función principal de HTML en una página web?

  • Dar estilo a la página
  • Añadir dinamismo a la página
  • Estructurar la página (correct)
  • Definir la lógica de la página
  • ¿Qué significa el acrónimo HTML?

  • Lenguaje de Estilos en Cascada
  • Lenguaje de Marcas de Hipertexto (correct)
  • Lenguaje de Desarrollo Web
  • Lenguaje de Programación en Hipertexto
  • ¿Qué es CSS?

  • Un lenguaje de programación
  • Un lenguaje de estilo (correct)
  • Un lenguaje de referencia
  • Un lenguaje de hipertexto
  • ¿Cuál es la función principal de CSS en una página web?

    <p>Dar estilo a la página</p> Signup and view all the answers

    ¿Qué es la anatomía de una página web?

    <p>Los elementos básicos que conforman una página web</p> Signup and view all the answers

    ¿Qué significan las siglas CSS?

    <p>Cascading Style Sheets</p> Signup and view all the answers

    ¿Cuál es el papel del desarrollador frontend en un proyecto web?

    <p>Manejar la parte visual y de interacción del proyecto</p> Signup and view all the answers

    ¿Qué es JavaScript en el contexto de desarrollo web?

    <p>Un lenguaje de programación basado en prototipos</p> Signup and view all the answers

    ¿Cuál es el propósito del head en un archivo HTML?

    <p>Llamar a archivos importantes para el funcionamiento de la página web</p> Signup and view all the answers

    ¿Qué es un framework en el contexto de HTML?

    <p>Una estructura o plantilla que optimiza tiempos de trabajo</p> Signup and view all the answers

    ¿Qué es el body en un archivo HTML?

    <p>La parte que organiza el contenido que los usuarios ven</p> Signup and view all the answers

    ¿Qué tipo de etiqueta es el

    ?

    <p>Contenedora</p> Signup and view all the answers

    ¿Qué es un archivo CSS?

    <p>Un archivo con estilos escritos</p> Signup and view all the answers

    ¿Qué es una API?

    <p>Un mecanismo que permite la comunicación entre software</p> Signup and view all the answers

    ¿Cuál es el nombre que debe tener el primer archivo que carga cualquier sitio web?

    <p>index.html</p> Signup and view all the answers

    ¿Qué es la anatomía de una etiqueta HTML?

    <p>La estructura básica de una etiqueta</p> Signup and view all the answers

    ¿Cómo se cierran las etiquetas en HTML?

    <p>Con un slash (/)</p> Signup and view all the answers

    ¿Qué atributo se utiliza para insertar una imagen en HTML?

    <p>src</p> Signup and view all the answers

    ¿Qué etiqueta se utiliza para insertar un video en HTML?

    <p>video</p> Signup and view all the answers

    ¿Qué atributo se utiliza para especificar un texto alternativo para una imagen en HTML?

    <p>alt</p> Signup and view all the answers

    ¿Qué atributo se utiliza para especificar los controles para manipular un video en HTML?

    <p>controls</p> Signup and view all the answers

    ¿Qué etiqueta se utiliza para especificar varias rutas de un video en HTML?

    <p>source</p> Signup and view all the answers

    ¿Cómo se especifica un tiempo de inicio y fin para un video en HTML?

    <p>Usando el atributo #t con un valor de tiempo</p> Signup and view all the answers

    ¿Qué es lo que se recomienda siempre utilizar para insertar un archivo multimedia en HTML?

    <p>La etiqueta figure</p> Signup and view all the answers

    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.

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Related Documents

    MANUAL-HTML-Y-CSS.pdf

    Description

    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.

    More Like This

    HTML Elements and Web Development Quiz
    3 questions
    HTML Basics
    10 questions

    HTML Basics

    PleasingRaleigh avatar
    PleasingRaleigh
    Introduction to Computing Exam Study Notes
    13 questions
    Creación de Páginas Web y HTML
    48 questions
    Use Quizgecko on...
    Browser
    Browser