Introducción a HTML: El lenguaje base de la web
¿Qué es HTML?
HTML (HyperText Markup Language) es el lenguaje fundamental para la creación de páginas web. Define la estructura y el contenido de una página, como párrafos, encabezados, imágenes, enlaces y otros elementos.
Estructura principal de un documento HTML:
Un documento HTML básico se compone de las siguientes secciones:
-
<!DOCTYPE html>:Declaración que indica el tipo de documento. -
<html>:Etiqueta que marca el inicio del documento HTML. -
<head>:Sección que contiene información meta sobre la página, como el título, la codificación de caracteres y enlaces a hojas de estilo CSS. -
<body>:Sección que contiene el contenido visible de la página, como texto, imágenes y otros elementos. -
</body>:Etiqueta que marca el final del cuerpo del documento. -
</html>:Etiqueta que marca el final del documento HTML.
Etiquetas HTML más utilizadas:
-
<h1> - <h6>:Encabezados de diferentes niveles (h1 para el título principal, h6 para subtítulos). -
<p>:Párrafo de texto. -
<br>:Salto de línea. -
<img>:Imagen. -
<a>:Enlace a otra página web o recurso. -
<ul>:Lista sin viñetas. -
<ol>:Lista con viñetas. -
<table>:Tabla. -
<tr>:Fila de una tabla. -
<td>:Celda de una tabla.
Atributos HTML:
Los atributos proporcionan información adicional a las etiquetas HTML. Se escriben dentro de la etiqueta de apertura, entre corchetes y separados por espacios. Por ejemplo:
<img src="imagen.jpg" alt="Descripción de la imagen">En este ejemplo, la etiqueta <img> tiene dos atributos:
src: Especifica la ubicación de la imagen.alt: Define un texto alternativo que se muestra en caso de que la imagen no se pueda cargar o el usuario tenga desactivadas las imágenes.
Recursos adicionales:
- Introducción a HTML - Aprende desarrollo web | MDN: https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started
- ¿Qué es HTML? Explicación de los fundamentos del Lenguaje de marcado de hipertexto: https://www.hostinger.es/tutoriales/video/que-es-el-html
- Desarrollo de Aplicaciones WEB. Introducción a HTML y CSS. Página Rafael Barzanallana. Universidad de Murcia: https://www.um.es/aulafcd/html5/
Conclusión:
HTML es un lenguaje fundamental para cualquier persona que desee crear o comprender páginas web. Su simplicidad y flexibilidad lo convierten en una herramienta poderosa para estructurar y presentar contenido en la web.