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

Get started free

Creación de páginas Web: HTML 5

danashy diaz

Created on September 29, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Education Timeline

Images Timeline Mobile

Sport Vibrant Timeline

Decades Infographic

Comparative Timeline

Square Timeline Diagram

Timeline Diagram

Explore all templates

Transcript

Creación de

paginas Web: HTML 5

Estudiante: Danashy Rodríguez

Historia del HTML

Etiquetas mas comunes del HTML

Fundamentos del HTML

Código HTML

Historia HTLM

El origen de HTML se remonta a 1980, cuando Tim Berners-Lee, un físico del CERN, propuso un sistema de hipertexto. La descripción formal de HTML se publicó en 1991 como "Etiquetas HTML". En 1993, se intentó estandarizar HTML, pero ninguna propuesta tuvo éxito. En 1995, se publicó el estándar oficial HTML 2.0, enfocado en contenido académico. Sin embargo, carecía de herramientas para diseño y multimedia. Netscape agregó etiquetas nuevas. En 1997, se aprobó HTML 3.2, que incorporó mejoras de navegadores como Internet Explorer y Netscape Navigator. En diciembre de 1997, se desarrolló HTML 4.0 para estandarizar marcos, hojas de estilo y scripts. HTML 4.0 es la base de la mayoría de las páginas web actuales. Los diseñadores utilizan CSS para estilos y JavaScript para interactividad.

Después de HTML 4.0, se desarrolló XHTML para adaptarse a futuras tecnologías. En 2004, se creó WHATWG para mejorar HTML y mantener la compatibilidad con los navegadores existentes. En 2006, W3C y WHATWG se unieron para crear HTML5, orientado a aplicaciones web. En enero de 2010, W3C presentó el logo de HTML5, que se usa para indicar su uso en sitios web.

Etiquetas

En HTML5, se introdujeron etiquetas semánticas para reemplazar el excesivo uso de <div> y dar más sentido a la estructura de la página web. Además, se añadieron etiquetas para contenido multimedia, dibujo y mejoras en formularios. Estas son algunas de las etiquetas semánticas introducidas en HTML5 para definir la estructura y el contenido de una página web:

  • <header>...</header>: Define la cabecera de la página.
  • <footer>...</footer>: Define el pie de página, generalmente incluye datos sobre el creador de la página y derechos de autor.
  • <nav>...</nav>: Permite definir elementos de navegación, como el menú principal o menús secundarios.
  • <section>...</section>: Encierra contenido relacionado en una sección genérica dentro del documento.
  • <aside>...</aside>: Delimita contenido que no es parte del contenido principal, como bloques publicitarios o enlaces externos.
  • <article>...</article>: Se utiliza para definir artículos individuales, como noticias o entradas de blog, permitiendo identificar el contenido de la página.

Estas etiquetas ayudan a dar un sentido semántico a la estructura de la página web y facilitan la comprensión del contenido por parte de los motores de búsqueda y los desarrolladores web.

Fundamentos HTML

son esenciales para comprender cómo se crea y estructura el contenido de una página web. Aquí tienes una breve introducción a los conceptos clave de HTML:

  • Etiquetas y Elementos: HTML usa etiquetas para marcar elementos en una página.
  • Documentos HTML: Los documentos HTML comienzan con <!DOCTYPE html> y tienen una estructura básica con una cabecera y un cuerpo.
  • Encabezados y Párrafos: Se usan etiquetas <h1> a <h6> para encabezados y <p> para párrafos.
  • Listas: Puedes crear listas ordenadas (<ol>) y no ordenadas (<ul>) con elementos de lista (<li>).
  • Hipervínculos: Se crean enlaces con la etiqueta <a> y el atributo href.
  • Imágenes: Las imágenes se insertan con <img> y el atributo src.

  • Comentarios: Puedes agregar comentarios con <!-- tu comentario aquí -->.
  • Atributos: Las etiquetas pueden tener atributos como class o id para proporcionar información adicional.
  • Validación: Es importante validar el código HTML para asegurar su corrección.

Código HTML

HTML es un lenguaje de marcas o etiquetas en el que los elementos de una página web se describen mediante palabras especiales que marcan su inicio y fin, estas palabras se llaman etiquetas. Por lo general, las etiquetas se indican en pares de la siguiente manera:

  • Etiqueta de apertura: <nombre_etiqueta>
  • Etiqueta de cierre: </nombre_etiqueta>
La estructura típica de las etiquetas HTML es:

Esto define cómo se utilizan las etiquetas en HTML para delimitar y estructurar el contenido de una página web.