Introducción a la programación HTML

 Que es HTML?


HTML (HyperText Markup Language) es el lenguaje estándar utilizado para crear y estructurar páginas web y aplicaciones web. HTML describe la estructura de una página web mediante el uso de una serie de elementos o etiquetas.



Historia de HTML

  • HTML 1: Tim Berners-Lee, un científico británico del CERN es el creador de HTML, propuso un proyecto para compartir documentos utilizando hipertextos. en 1991 publica el 1er documento, el cual constaba de 18 elementos que definían la estructura básica de una página web.
  • HTML 2: fue la primera versión estandarizada de HTML, incluyó las características de las primeras especificaciones de HTML y algunas mejoras. Se publicó en noviembre de 1995.
  • HTML 3: fue publicado por el W3C (World Wide Web Consortium) en enero de 1997. Esta versión incluyó mejoras significativas, como el soporte para tablas, scripts (a través de JavaScript), y fórmulas matemáticas.
  • HTML 4: lanzado en diciembre de 1997, introdujo muchas nuevas características y elementos, incluyendo el soporte para CSS (Cascading Style Sheets),la versión 4.01 fue la última publicada en diciembre de 1999.
  • HTML 5: Es la versión más reciente y más avanzada, comenzó a desarrollarse en 2008 y fue estandarizada en 2014, algunas mejoras de esta versión fue el soporte nativo de video y audio, APIs para graficas, y mejora para los dispositivos móviles.





 Atributos en HTML

Los atributos proporcionan información adicional sobre los elementos HTML. Se colocan dentro de la etiqueta de apertura.

src en <img>: Define la ruta de la imagen.
alt en <img>: Proporciona texto alternativo.
id y class: Identifican elementos para aplicar estilos CSS o manipular con JavaScript.



Multimedia en HTML

HTML5 introdujo soporte nativo para multimedia, permitiendo la inclusión de audio y video sin necesidad de plugins externos.

Para los videos se les puede especificar el tamaño que aparece en las pantallas, además de agregarle un control para decidir si pausar el video, retrocederlo o avanzarlo.

Los audios también su sistema de control, para decidir su velocidad o que parte repetir.



Comentarios

Publicar un comentario

Entradas más populares de este blog

Fundamentos para el diseño de Sitios WEB

Imagen
Crear un diseño digital o diseño web adecuado implica seguir un proceso estructurado que permita la creación de un sitio web que sea funcional, atractivo y fácil de usar. Algunos de los fundamentos que se pueden seguir para crear un diseño digital o diseño web adecuado: Definición del propósito y público objetivo El primer paso es comprender el  propósito del sitio web y quiénes serán los usuarios.  Se debe definir el propósito del  sitio web, el contenido que presentará y las características requeridas para satisfacer  las necesidades del usuario. Planificación del sitio web Se refiere a que se debe determinar la estructura, el  contenido y los elementos requeridos del sitio web. Se debe crear un mapa del sitio,  que es un diagrama que muestra la estructura del sitio web y cómo las páginas se  comunican entre sí. Diseño visual Se refiere a la apariencia visual del sitio web. El diseño visual incluye  la selección de colores, fuentes, imágenes,...
Leer más

Manipulación de instrucciones HTML

Imagen
La manipulación de instrucciones en HTML se refiere a cómo interactuamos con los elementos de una página web utilizando JavaScript. 2 aspectos clave relacionados con esto son: DOM (Document Object Model) Cuando el navegador lee una página HTML, crea un DOM. Este es como un organigrama o mapa que proporciona a JavaScript una interfaz para interactuar con los objetos y propiedades de la página. A través del DOM, podemos acceder y manipular los elementos de la página, como cambiar su contenido, estilo o comportamiento. Manipulación del DOM con javaScrip El DOM es una representación en memoria de la estructura del documento HTML. Permite usar JavaScript para modificar dinámicamente los elementos de la página. Desde conceptos básicos hasta técnicas avanzadas, podemos crear interacciones dinámicas en nuestras páginas web utilizando el DOM.
Leer más