Diseño Web - HTML: Prácticas con etiquetas básicas

VigilantBlue avatar
VigilantBlue
·
·
Download

Start Quiz

Study Flashcards

8 Questions

¿Qué es HTML? HTML significa:

Hypertext Markup Language

¿Qué significa etiquetas específicas en HTML?

Encierran partes del contenido para definir su apariencia o comportamiento

¿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?

DOCTYPE, html, head, title, meta, body

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

Hola soy un título!

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

3

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

False

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

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

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

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.

Make Your Own Quizzes and Flashcards

Convert your notes into interactive study material.

Get started for free
Use Quizgecko on...
Browser
Browser