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

Reuse this genially

LENGUAJE HTML

angy

Created on March 27, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Akihabara Connectors Infographic

Essential Infographic

Practical Infographic

Akihabara Infographic

The Power of Roadmap

Artificial Intelligence in Corporate Environments

Customer Profile

Explore all templates

Transcript

LENGUAJE HTML

¿Qué es HTML?

HTML (HyperText Markup Language) es un lenguaje de marcado que se utiliza para estructurar el contenido de las páginas web. Permite organizar texto, imágenes, enlaces, videos, y otros elementos dentro de una página.

Estructura básica de un documento HTML

<!DOCTYPE html>: Define el tipo de documento como HTML5.<html>: Es la raíz del documento. <head>: Contiene metadatos y el título de la página. <body>: Contiene el contenido visible de la página, como encabezados (<h1>), párrafos (<p>), imágenes y más.

Historia y evolución de HTML

1991
2014
1999
1997
1995
Tim Berners-Lee crea la primera versión de HTML con 18 etiquetas básicas para estructurar documentos.
Surge HTML 2.0, incluyendo mejoras como formularios.
HTML 3.2 se convierte en un estándar oficial, incorporando estilos y scripts.
HTML 4.01 agrega soporte mejorado para diseño y accesibilidad.
HTML5 revoluciona con soporte para multimedia, gráficos y una estructura semántica más rica.

Tablas:

Estructura de una tabla: <table>, <tr>, <td>, <th>. Atributos de tablas: border, cellpadding, cellspacing.

Formularios:

Creación de formularios: <form>. Campos de entrada: <input>, <textarea>, <select>. Botones: <button>, <input type="submit">.

HTML5 y Etiquetas Semánticas:

Nuevas etiquetas en HTML5: <header>, <footer>, <nav>, <section>, <article>. Elementos multimedia mejorados en HTML5.

Buenas Prácticas:

Validación de HTML. Accesibilidad web. SEO básico.
Lorem ipsum

Etiquetas y Estructura:

Etiquetas básicas: <html>, <head>, <body>. Cabeceras: <h1>, <h2>, <h3>, etc. Párrafos: <p>. Comentarios: <!-- comentario -->.

Texto y Formato:

Etiquetas de texto: <strong>, <em>, <u>, <br>, <hr>. Listas: <ul>, <ol>, <li>.

Enlaces y Navegación:

Enlaces: <a>. Atributos de los enlaces: href, target. Crear menús de navegación.

Imágenes y Multimedia:

Insertar imágenes: <img>. Atributos de imágenes: src, alt, width, height. Insertar vídeos y audio: <video>, <audio>.
Lorem ipsum