Lenguaje HTML
Renata Denis Silva Gómez 2°B
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje de marcado utilizado para crear páginas web. Define la estructura y el contenido de una pá gina mediante etiquetas.
Historia y evolución de HTML
HTML (HyperText Markup Language) fue creado por Tim Berners-Lee a finales de los años 80 y principios de los 90 como parte de la World Wide Web. La primera versión oficial, HTML 2.0, se lanzó en 1995. Desde entonces, ha evolucionado, y la versión más reciente, HTML5, se publicó en 2014, introduciendo soporte para multimedia, aplicaciones web y una mejor semántica, adaptándose a las necesidades del desarrollo web moderno.
Estructura básica de un documento HTML.
<!DOCTYPE html>: Declara el tipo de documento. <html>: Elemento raíz. <head>: Contiene metadatos como el título y la codificación. <body>: Contiene el contenido visible de la página.
Lenguaje HTML
Renata Denis Silva Gómez 2°B
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.
Lenguaje HTML
Renata Denis Silva Gómez 2°B
Imágenes y Multimedia:
Insertar imágenes: <img>.
Atributos de imágenes: src, alt, width, height.
Insertar vídeos y audio: <video>, <audio>.
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">.
Lenguaje HTML
Renata Denis Silva Gómez 2°B
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: Utiliza herramientas como W3C Validator para asegurar que el código HTML cumple con los estándares web y evita errores. Accesibilidad web: Sigue pautas como las WCAG para hacer sitios accesibles; usa atributos como alt en imágenes y etiquetas semánticas (<header>, <main>). SEO básico: Incluye títulos (<title>), descripciones meta (<meta>), usa encabezados jerárquicos (<h1>, <h2>), y optimiza el contenido con palabras clave.
Lenguaje HTML
renata polo
Created on March 25, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Akihabara Connectors Infographic
View
Essential Infographic
View
Practical Infographic
View
Akihabara Infographic
View
The Power of Roadmap
View
Artificial Intelligence in Corporate Environments
View
Customer Profile
Explore all templates
Transcript
Lenguaje HTML
Renata Denis Silva Gómez 2°B
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje de marcado utilizado para crear páginas web. Define la estructura y el contenido de una pá gina mediante etiquetas.
Historia y evolución de HTML
HTML (HyperText Markup Language) fue creado por Tim Berners-Lee a finales de los años 80 y principios de los 90 como parte de la World Wide Web. La primera versión oficial, HTML 2.0, se lanzó en 1995. Desde entonces, ha evolucionado, y la versión más reciente, HTML5, se publicó en 2014, introduciendo soporte para multimedia, aplicaciones web y una mejor semántica, adaptándose a las necesidades del desarrollo web moderno.
Estructura básica de un documento HTML.
<!DOCTYPE html>: Declara el tipo de documento. <html>: Elemento raíz. <head>: Contiene metadatos como el título y la codificación. <body>: Contiene el contenido visible de la página.
Lenguaje HTML
Renata Denis Silva Gómez 2°B
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.
Lenguaje HTML
Renata Denis Silva Gómez 2°B
Imágenes y Multimedia:
Insertar imágenes: <img>. Atributos de imágenes: src, alt, width, height. Insertar vídeos y audio: <video>, <audio>.
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">.
Lenguaje HTML
Renata Denis Silva Gómez 2°B
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: Utiliza herramientas como W3C Validator para asegurar que el código HTML cumple con los estándares web y evita errores. Accesibilidad web: Sigue pautas como las WCAG para hacer sitios accesibles; usa atributos como alt en imágenes y etiquetas semánticas (<header>, <main>). SEO básico: Incluye títulos (<title>), descripciones meta (<meta>), usa encabezados jerárquicos (<h1>, <h2>), y optimiza el contenido con palabras clave.