Diseño Web - HTML: Prácticas con etiquetas básicas
8 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

¿Qué es HTML? HTML significa:

  • JavaScript
  • Cascading Style Sheets
  • Hypertext Style Sheets
  • Hypertext Markup Language (correct)
  • ¿Qué significa etiquetas específicas en HTML?

  • Establecen la posición de los elementos en la página
  • Son para incluir funciones interactivas en una página web
  • Encierran partes del contenido para definir su apariencia o comportamiento (correct)
  • Permite aplicar estilos visuales a los elementos
  • ¿Cuáles son las partes principales del elemento HTML?

    La etiqueta de apertura, la etiqueta de cierre y el contenido del elemento.

    ¿Qué estructura básica debe tener un archivo HTML según las actividades presentadas?

    <p>DOCTYPE, html, head, title, meta, body</p> Signup and view all the answers

    La página debe quedar como muestra el modelo con el título h1: _____

    <p>Hola soy un título!</p> Signup and view all the answers

    ¿Cuántos ítems debe tener la lista desordenada en la actividad 1?

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

    La imagen 3 en la actividad 2 se encuentra en una carpeta diferente al archivo actividad2.html.

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

    Relaciona los contenedores con su contenido según la actividad 3:

    <p>Primer contenedor DIV = 2 párrafos Segundo contenedor DIV = Imágenes foto01.jpg y foto02.jpg Tercer contenedor DIV = Imagen foto03.jpg y enlace al archivo pdf</p> Signup and view all the answers

    Study Notes

    Introducción a HTML

    • HTML (Hypertext Markup Language) es un lenguaje de marcado que se utiliza para estructurar y dar formato a contenido en la web.
    • HTML no se utiliza para decorar documentos, sino que se utiliza para dar estructura y significado al contenido.

    Estructura básica de un documento HTML

    • Un documento HTML se estructura en:
      • DOICTYPE html: define el tipo de documento
      • html: elemento raíz del documento
      • head: contiene metadatos del documento (título, enlaces a archivos CSS, etc.)
      • body: contenido visible del documento

    Etiquetas HTML

    • Las etiquetas HTML se utilizan para dar significado y estructura al contenido.
    • Las etiquetas HTML se componen de:
      • Etiqueta de apertura: indica el inicio de un elemento (

        )

      • Contenido: texto o elementos que se encuentran dentro de la etiqueta de apertura y cierre
      • Etiqueta de cierre: indica el fin de un elemento (

        )

    Etiquetas básicas

    • h1-h6: títulos de diferente nivel de importancia
    • p: párrafo de texto
    • ul: lista desordenada
    • ol: lista ordenada
    • a: enlace a otra página o recurso
    • img: imagen

    Practica HTML - Etiquetas básicas

    • Se proporcionan ejercicios prácticos para aplicar los conceptos aprendidos.
    • Los ejercicios incluyen:
      • Crear un documento HTML básico
      • Agregar títulos y párrafos de texto
      • Crear listas ordenadas y desordenadas
      • Agregar enlaces y imágenes### Información de contacto del Departamento de Aprendizaje Visual (DAV)
    • Ubicación: Medrano 951, C.A.B.A., Argentina
    • Teléfonos: (011) 4867-7565/7545, Cel. (54 9 11) 3501 - 6032
    • Correo electrónico: [email protected]
    • Página web: http://sceu.frba.utn.edu.ar/dav/index.php

    Actividades para pensar

    • Actividad 1: Identificar errores en un fragmento de código
    • Actividad 2: Agregar código para visualizar una imagen en una página web
    • Actividad 3: Identificar etiquetas HTML en una página web

    Estructura de carpetas

    • Importancia de considerar la estructura de carpetas al agregar contenido a una página web

    Uso de etiquetas HTML

    • Importancia de utilizar las etiquetas adecuadas para mostrar imágenes y texto descriptivo en una página web

    Studying That Suits You

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

    Quiz Team

    Description

    Practica tus habilidades en HTML con etiquetas básicas en este quiz. Aprende a utilizar las etiquetas HTML para crear contenido en la web. Desarrolla tus habilidades en diseño web.

    More Like This

    Use Quizgecko on...
    Browser
    Browser