HTML, que significa "Lenguaje de Marcado de Hipertexto" en inglés, es el lenguaje estándar utilizado para crear y diseñar páginas web. Fue creado por Tim Berners-Lee en 1991. HTML proporciona una estructura básica para el contenido de una página web, permitiendo a los desarrolladores web organizar y presentar información de manera significativa.
Aquí hay un resumen de HTML y cómo funciona:
Estructura Básica:
- Un documento HTML comienza con la etiqueta
<html>que envuelve todo el contenido de la página. - Dentro de
<html>, hay dos secciones principales:<head>y<body>.<head>contiene metainformación sobre la página, como el título, enlaces a hojas de estilo (CSS), y otros elementos.<body>contiene el contenido real de la página web, como texto, imágenes, enlaces, etc.
- Un documento HTML comienza con la etiqueta
Elementos HTML:
- Los elementos HTML son las unidades básicas de construcción y están marcados por etiquetas.
- Una etiqueta típica tiene una forma
<etiqueta>contenido</etiqueta>. Por ejemplo,<p>Este es un párrafo.</p>.
Atributos:
- Los elementos pueden tener atributos que proporcionan información adicional sobre ellos. Por ejemplo,
<a href="https://www.ejemplo.com">Enlace</a>tiene el atributohrefque especifica la URL a la que enlaza.
- Los elementos pueden tener atributos que proporcionan información adicional sobre ellos. Por ejemplo,
Encabezados y Párrafos:
- Los encabezados se definen con las etiquetas
<h1>a<h6>, donde<h1>es el más importante y<h6>el menos importante. - Los párrafos se crean con la etiqueta
<p>.
- Los encabezados se definen con las etiquetas
Listas:
- Las listas ordenadas se crean con
<ol>, y las listas no ordenadas con<ul>. - Los elementos de la lista se definen con
<li>dentro de<ol>o<ul>.
- Las listas ordenadas se crean con
Enlaces e Imágenes:
- Los enlaces se crean con
<a>y las imágenes con<img>. Ambos pueden tener atributos especiales para especificar la dirección URL a la que apuntan. - Por ejemplo,
<a href="https://www.ejemplo.com">Enlace</a>y<img src="imagen.jpg" alt="Descripción de la imagen">.
- Los enlaces se crean con
Formularios:
- Los formularios se crean con la etiqueta
<form>. Pueden contener elementos como campos de texto, botones y casillas de verificación. - Los elementos de entrada incluyen
<input>,<textarea>y<select>.
- Los formularios se crean con la etiqueta
Comentarios:- Los comentarios se pueden agregar con
<!-- Comentario -->. Estos son útiles para incluir notas en el código que no se mostrarán en la página web.
- Los comentarios se pueden agregar con
En resumen, HTML proporciona una estructura básica para organizar y presentar contenido en la web mediante el uso de elementos y etiquetas. Trabaja en conjunto con otros lenguajes como CSS (para el diseño) y JavaScript (para la interactividad) para crear páginas web dinámicas y atractivas.
