HTML: Lenguaje de etiquetas de hipertexto
¿Qué es HTML y para qué?
HTML
HTML (Lenguaje de Marcado de Hipertexto):
HTML, que significa Lenguaje de Marcado de Hipertexto (en inglés, Hypertext Markup Language), es un estándar que se utiliza para la creación y el diseño de páginas web. Es un lenguaje de marcado que estructura el contenido de una página web mediante etiquetas (tags) que definen elementos y su presentación. HTML trabaja en conjunto con otros tecnologías como CSS (Cascading Style Sheets) para el estilo y diseño, y JavaScript para la interactividad.
Conceptos y Características:
Elemento HTML:
Un elemento
HTML está formado por etiquetas, contenido y atributos. Ejemplo: <p class="ejemplo">Este es un párrafo de ejemplo.<p>
<p> es la etiqueta de párrafo, class es un atributo, y el texto entre las etiquetas es el contenido.
Estructura Básica:
Una página HTML típicamente comienza con DOCTYPE html> para
indicar la versión de HTML, seguido de <html> que engloba todo el contenido, y dentro de él, <head> y <body> para
encabezado y cuerpo, respectivamente.
Etiquetas Semánticas:
HTML5 introdujo etiquetas semánticas como <header>, <nav>, <main>, <article>, <section>, <footer>, que ayudan a estructurar el contenido de manera más
significativa.
Atributos:
Los atributos proporcionan información adicional sobre un elemento
y se definen en la etiqueta de apertura. Ejemplo: class, id, src, etc.
Enlaces e Imágenes:
<a> se usa para crear enlaces.
<img> se usa para insertar imágenes.
Listas:
<ul> para listas desordenadas.
<ol> para listas ordenadas.
<li> para elementos de lista.
Formularios
<form> se utiliza para crear
formularios interactivos.
<input>, <select>, <textarea> son elementos comunes dentro de formularios.
Comentarios:
Se pueden agregar comentarios en HTML usando “< !—comentario-->”
Para qué se Utiliza HTML:
HTML se utiliza para crear la estructura básica de las páginas web, permitiendo organizar y presentar información de manera semántica. Es la columna vertebral de cualquier sitio web y proporciona un marco sobre el cual se aplican estilos con CSS y se añade interactividad con JavaScript.
Interacción con CSS y JavaScript:
CSS (Cascading Style Sheets):
- Se utiliza para
dar estilo y formato al contenido HTML, controlando aspectos visuales
como colores, fuentes, márgenes y disposición.
- Ejemplo: <style> dentro
de <head> o
vinculando un archivo externo con <link>.
JavaScript:
- Permite la interactividad y dinamismo en las páginas
web.
- Se puede incluir código JavaScript en el HTML o vincular archivos externos con <script>.
Ejemplo Básico:
https://codepen.io/iCodeInfinite/pen/oNmrpWO
Este
ejemplo ilustra la estructura básica de una página HTML, con etiquetas para
encabezado, navegación, secciones, estilo CSS básico y un pie de página.