Introducción al Lenguaje HTML

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to Lesson

Podcast

Play an AI-generated podcast conversation about this lesson
Download our mobile app to listen on the go
Get App

Questions and Answers

La lectura crítica en contextos digitales implica solo la generación de información sin necesidad de evaluar su calidad.

False (B)

El pensamiento crítico es esencial para cuestionar y verificar la información en internet.

True (A)

Una de las estrategias para la lectura crítica es utilizar buscadores convencionales sin ninguna especialización.

False (B)

La creación ética de contenidos es uno de los objetivos de la lectura crítica en contextos digitales.

<p>True (A)</p> Signup and view all the answers

La lectura crítica se centra únicamente en la interpretación de la información sin considerar su contexto.

<p>False (B)</p> Signup and view all the answers

Flashcards

HTML

Lenguaje de marcado para crear páginas web, estructurando contenido y agregando multimedia.

Páginas web

Documentos electrónicos visualizados en navegadores, estructurados con HTML.

Etiquetas HTML

Elementos en HTML que indican al navegador cómo mostrar contenido.

Multimedia

Elementos como imágenes y videos en sitios web.

Signup and view all the flashcards

Herramientas de creación web

Plataformas que facilitan la creación de sitios web (Wix, WordPress, Google Sites).

Signup and view all the flashcards

GIF

Formato de imagen que permite animaciones cortas. Muy utilizado en internet por su capacidad de comprimir archivos.

Signup and view all the flashcards

JPEG

Formato de imagen de alta calidad y compresión, ideal para fotos. Se utiliza ampliamente en internet por su eficiencia.

Signup and view all the flashcards

Compresión de imagen

Proceso de reducción del tamaño de un archivo de imagen sin perder calidad.

Signup and view all the flashcards

Editor de imágenes

Software que permite crear, editar y manipular imágenes.

Signup and view all the flashcards

Photoshop

Un software popular de edición de imágenes, conocido por su gran variedad de herramientas y funciones.

Signup and view all the flashcards

Formato JPEG

Formato de imagen que utiliza un algoritmo para ajustar la compresión, balanceando calidad y tamaño del archivo. Más adecuado para fotos o imágenes con muchos colores.

Signup and view all the flashcards

Relación de compresión JPEG

Cuanto más se comprime una imagen JPEG, menor es su calidad, pero más pequeño es el archivo. Menor compresión significa mayor calidad, pero mayor tamaño.

Signup and view all the flashcards

Extensión JPEG

Los archivos JPEG tienen la extensión .jpg.

Signup and view all the flashcards

JPEG vs. GIF

JPEG es mejor para fotos y calidad, mientras que GIF es ideal para animaciones cortas y colores limitados.

Signup and view all the flashcards

JPEG: ¿calidad o tamaño?

La compresión JPEG permite elegir entre calidad y tamaño del archivo: mayor compresión = menor calidad, menor tamaño y viceversa.

Signup and view all the flashcards

Etiqueta IMG

La etiqueta HTML que se utiliza para insertar imágenes en una página web. Se escribe como , donde "imagen.jpg" es el nombre del archivo de imagen.

Signup and view all the flashcards

Modificador WIDTH

Un modificador de la etiqueta IMG que especifica el ancho de la imagen en píxeles. Ejemplo:

Signup and view all the flashcards

Modificador HEIGHT

Un modificador de la etiqueta IMG que especifica la altura de la imagen en píxeles. Ejemplo:

Signup and view all the flashcards

Modificador BORDER

Un modificador de la etiqueta IMG que añade un borde a la imagen. Ejemplo:

Signup and view all the flashcards

Cambiar tamaño sin deformar

Los modificadores WIDTH y HEIGHT de la etiqueta IMG permiten aumentar o reducir una imagen sin distorsionar su forma.

Signup and view all the flashcards

Escalado de imágenes

Ajustar el tamaño de una imagen usando los modificadores HEIGHT y WIDTH sin deformarla. Se mantienen las proporciones.

Signup and view all the flashcards

Texto alternativo (ALT)

Texto que describe el contenido de una imagen, mostrado si la imagen no carga. Se usa dentro de la etiqueta IMG: Texto descriptivo

Signup and view all the flashcards

Imagen como enlace

Se utiliza para convertir una imagen en un enlace a otra página o una sección dentro de la misma página. Se coloca la etiqueta IMG dentro de la etiqueta .

Signup and view all the flashcards

Imagen de fondo

Se utiliza el atributo BACKGROUND de la etiqueta para establecer una imagen como fondo del documento HTML.

Signup and view all the flashcards

Listas numeradas

Las listas numeradas, también llamadas listas ordenadas, presentan elementos con un número que indica su orden. Se crean con las etiquetas

    y
.

Signup and view all the flashcards

Elementos de la lista

Los elementos de la lista se definen dentro de las etiquetas

  • y
  • . No es obligatorio usar un retorno de línea después de cada elemento.

    Signup and view all the flashcards

    Tipo de numeración

    Se puede especificar el tipo de numeración (arábiga, romana, letras, etc.) para las listas ordenadas. Se utiliza en la etiqueta

      .

      Signup and view all the flashcards

    Anidamiento de listas

    Las listas numeradas se pueden anidar dentro de otras, creando una jerarquía de información.

    Signup and view all the flashcards

    Etiqueta

    La etiqueta

      define una lista ordenada, donde los elementos se enumeran con números.

      Signup and view all the flashcards

    Listas desordenadas

    Listas donde los elementos no tienen un orden específico y se indican con símbolos (puntos, cuadrados, etc.). Se crean con la etiqueta <ul>.

    Signup and view all the flashcards

    Elementos de una lista desordenada

    Cada ítem de la lista se crea con la etiqueta <li> (Lista Item) y se coloca dentro de la etiqueta <ul>.

    Signup and view all the flashcards

    Símbolo de la lista

    Se puede elegir el símbolo que aparece antes de cada elemento de una lista desordenada. Se define dentro de la etiqueta <ul>.

    Signup and view all the flashcards

    Lista desordenada anidada

    Una lista desordenada puede estar dentro de otra, creando una estructura jerárquica.

    Signup and view all the flashcards

    Enlace absoluto

    Un enlace que apunta a una página web dentro del mismo sitio web.

    Signup and view all the flashcards

    Enlace relativo

    Un enlace que apunta a una página web en otro sitio en Internet.

    Signup and view all the flashcards

    Atributo HREF

    Indica la dirección web a la que apunta el enlace.

    Signup and view all the flashcards

    Atributo TARGET

    Define cómo se abrirá el enlace (en la misma ventana o en una nueva).

    Signup and view all the flashcards

    Lectura crítica digital

    La habilidad de analizar, evaluar y generar información de manera reflexiva y responsable en entornos digitales. Requiere pensamiento crítico y dominio de herramientas tecnológicas.

    Signup and view all the flashcards

    Objetivos de la lectura crítica digital

    Seleccionar información fiable, interpretar el contexto, crear contenidos éticos y participar activamente en la sociedad del conocimiento.

    Signup and view all the flashcards

    ¿Por qué es importante la lectura crítica digital?

    Nos ayuda a ser usuarios responsables de internet y a evitar la desinformación, promoviendo la participación constructiva en línea.

    Signup and view all the flashcards

    Estrategias clave

    Utilizar buscadores especializados, comparar fuentes y crear información responsable.

    Signup and view all the flashcards

    Sociedad del conocimiento

    Un entorno donde la información es fundamental y se necesita pensamiento crítico para navegar y contribuir.

    Signup and view all the flashcards

    Study Notes

    Lenguaje HTML

    • HTML (Lenguaje de Marcado de Hipertexto) es un lenguaje para crear páginas web.
    • Permite organizar el contenido y añadir multimedia (imágenes, videos).
    • Se usa con etiquetas que dan instrucciones al navegador sobre cómo mostrar la información.
    • Las etiquetas pueden tener atributos con datos adicionales.
    • Existen herramientas como Wix, WordPress y Google Sites para facilitar la creación de páginas web.

    Studying That Suits You

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

    Quiz Team

    More Like This

    HTML Basics Quiz
    8 questions

    HTML Basics Quiz

    EnergyEfficientHedgehog avatar
    EnergyEfficientHedgehog
    HTML Fundamentals for Web Development
    16 questions
    Introduction to HTML Basics
    8 questions

    Introduction to HTML Basics

    ThinnerMulberryTree avatar
    ThinnerMulberryTree
    HTML Basics Quiz
    40 questions

    HTML Basics Quiz

    IndebtedOwl avatar
    IndebtedOwl
    Use Quizgecko on...
    Browser
    Browser