Want to create interactive content? It’s easy in Genially!

Get started free

Presentación minimal móvil

Elianis Suarez

Created on November 26, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Smart Presentation

Practical Presentation

Essential Presentation

Akihabara Presentation

Akihabara Presentation Mobile

Sketchbook Presentation

Modular Structure Presentation

Explore all templates

Transcript

11. ¿Para qué se utilizan las etiquetas?

10. ¿Qué son las etiquetas?

TALLER DE HTML

1. ¿Qué significa HTML? ¿Para qué sirve?

2. ¿Dónde se ejecuta HTML?

3. ¿Cuál es la estructura del Browser o Navegador?

4. ¿Cuál es la estructura básica de un archivo HTML?

5. ¿Cuáles son los tipos de Contenido que existen en el diseño web?

8. ¿Qué es Maquetado en HTML?

6. ¿Cuáles son las fases en el diseño de un sitio web?

7. ¿Qué otras herramientas consideras importantes para el diseño y desarrollo web?

9. ¿Qué es Html y qué novedades conoces?

1.Estructuración de contenidos: HTML organiza y estructura el texto, imágenes, videos, enlaces y otros elementos en una página web. Utiliza "etiquetas" para definir cada parte de la página, como encabezados, párrafos, listas, tablas, enlaces, etc. 2.Creación de páginas web: Con HTML, los desarrolladores pueden crear páginas web básicas que contienen texto, imágenes, formularios, botones, etc. 3.Interactividad y enlaces: HTML también se utiliza para crear enlaces entre páginas web (enlaces hipermediales o hyperlinks), permitiendo la navegación por Internet. 4.Compatibilidad con otros lenguajes: Aunque HTML por sí solo define la estructura, se complementa con otros lenguajes como CSS (para el diseño visual) y JavaScript (para interactividad), creando sitios web completos y funcionales.

¿PARA QUE SIRVE?

HTML son las siglas de "HyperText Markup Language" o "Lenguaje de Marcado de Hipertexto" en español. Es el lenguaje de marcado estándar utilizado para crear y estructurar contenido en la web. En otras palabras, HTML define la estructura de una página web, indicándole al navegador cómo debe mostrar el contenido.

¿QUE ES HTML?

¿Cómo funciona? Creación del archivo HTML: Un archivo HTML es un conjunto de instrucciones escritas en lenguaje de marcado HTML. Este archivo contiene información sobre el contenido y la estructura de una página web (como títulos, párrafos, enlaces, imágenes, etc.). Ejecución en el navegador: Cuando abres un archivo HTML en un navegador web, el navegador interpreta el código HTML, lo procesa y lo representa visualmente en la pantalla del dispositivo. Los navegadores utilizan su motor de renderizado (como Blink en Chrome o WebKit en Safari) para convertir el código HTML en una interfaz interactiva que los usuarios pueden ver y utilizar. Interacción con otros lenguajes: HTML puede interactuar con otros lenguajes como CSS (para el diseño visual) y JavaScript (para funcionalidades dinámicas). Mientras el HTML estructura la página, el CSS le da estilo y el JavaScript permite que la página sea interactiva.

¿Dónde se ejecuta HTML?

HTML se ejecuta en los navegadores web. Cuando escribimos código HTML, el navegador (como Google Chrome, Mozilla Firefox, Safari, Microsoft Edge, etc.) es el que interpreta y muestra ese código en forma de una página web visualmente estructurada.

¿Cuál es la estructura del Browser o Navegador?

  • Interfaz de usuario (UI)
  • Motor de renderizado: Procesa HTML, CSS y genera la interfaz visual.
  • Motor de JavaScript: Ejecuta código JavaScript.
  • Red (Networking): Realiza solicitudes HTTP y maneja la caché.
  • Almacenamiento: Maneja cookies, almacenamiento local y bases de datos.
  • Interacción con el sistema operativo (OS)
  • Extensiones: Añaden funcionalidades personalizadas.
  • Seguridad y privacidad: Implementa medidas para proteger al usuario.

<html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Título de la página</title> <link rel="stylesheet" href="estilos.css"> <script src="script.js" defer></script> </head> <body> <header> <h1>Bienvenido a mi página web</h1> <nav> <ul> <li><a href="#seccion1">Sección 1</a></li> <li><a href="#seccion2">Sección 2</a></li> <li><a href="#seccion3">Sección 3</a></li> </ul> </nav> </header> <main> <section id="seccion1"> <h2>Sección 1</h2> <p>Contenido de la sección 1.</p> </section> <section id="seccion2"> <h2>Sección 2</h2> <p>Contenido de la sección 2.</p> </section> <section id="seccion3"> <h2>Sección 3</h2> <p>Contenido de la sección 3.</p> </section> </main> <footer> <p>© 2024 Mi Página Web</p> </footer> </body> </html>

¿Cuál es la estructura básica de un archivo HTML?

¿Cuáles son los tipos de Contenido que existen en el diseño web?

  • Texto
  • Imágenes
  • Videos
  • Contenido Interactivo
  • Contenido Audiovisual
  • Infografías
  • Documentos Descargables
  • Contenido Social
  • Contenido de Producto/Servicios
  • Contenido de Navegación
  • Contenido de SEO (Optimización para Motores de Búsqueda)

¿Cuáles son las fases en el diseño de un sitio web?

  • Planificación y Recolección de Requisitos
  • Estrategia y Arquitectura de la Información
  • Diseño Visual
  • Desarrollo
  • Pruebas y Optimización
  • Lanzamiento
  • Mantenimiento y Actualización
  • Marketing y Promoción (opcional, pero crucial)

¿Qué otras herramientas consideras importantes para el diseño y desarrollo web?

  • Herramientas de Diseño Gráfico y Prototipado
  • Herramientas de Desarrollo Front-End
  • Herramientas de Desarrollo Back-End
  • Herramientas de Control de Versiones
  • Herramientas de Pruebas y Depuración
  • Herramientas de Optimización y Rendimiento
  • Herramientas de SEO (Optimización para Motores de Búsqueda)
  • Herramientas de Gestión de Proyectos y Colaboración

¿Qué es Maquetado en HTML?

El maquetado en HTML es el proceso de estructurar y organizar el contenido de una página web utilizando el lenguaje de marcado HTML (HyperText Markup Language). Este proceso implica la creación de una estructura que defina cómo se presentan los elementos de una página web en el navegador, como texto, imágenes, formularios, tablas, y otros elementos multimedia. El objetivo del maquetado es organizar y estructurar correctamente el contenido para que sea visualmente atractivo, fácil de leer y navegar.

¿Qué es Html5 y qué novedades conoces?

HTML5 es la quinta versión importante del HTML (HyperText Markup Language), el lenguaje de marcado estándar utilizado para estructurar y presentar contenido en la web. HTML5 fue lanzado oficialmente en octubre de 2014 y representa una evolución significativa con respecto a versiones anteriores de HTML. Esta versión introduce numerosas mejoras en términos de funcionalidades, accesibilidad, semántica y rendimiento para adaptarse a las nuevas necesidades de la web moderna, incluyendo el soporte para aplicaciones interactivas, multimedia y móviles.

  • Etiquetas Semánticas
  • Soporte para Multimedia (Audio y Video)
  • Formularios Mejorados
  • Almacenamiento Local (LocalStorage y SessionStorage)
  • API de Geolocalización
  • Canvas para Gráficos y Animaciones
  • Web Workers
  • API de Arrastrar y Soltar (Drag and Drop)
  • Nuevas Atributos y APIs

¿Qué son las etiquetas?

Las etiquetas en HTML son los elementos fundamentales que se utilizan para estructurar y definir el contenido dentro de una página web. Son códigos o instrucciones que indican al navegador cómo debe interpretar y mostrar el contenido de la página. Las etiquetas HTML se escriben entre corchetes angulares (< >) y generalmente vienen en pares: una etiqueta de apertura y una etiqueta de cierre.

¿Para qué se utilizan las etiquetas?

Las etiquetas en HTML se utilizan para estructurar, organizar y dar formato al contenido de una página web. Son los bloques fundamentales que permiten a los navegadores interpretar y mostrar correctamente el contenido que compone un sitio web, unas de esas etiquetas son:

  • Dar formato al contenido
  • Interactividad
  • Multimedia y otros recurso
  • Accesibilidad y optimización para motores de búsqueda (SEO)
  • Agrupación de contenido
  • Estructuración del contenido