Introducción a HTML
HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web y aplicaciones. Junto con CSS y JavaScript, HTML es una tecnología esencial utilizada por los desarrolladores web. HTML proporciona la estructura de una página web, CSS el estilo visual y JavaScript la interactividad.
Estructura básica de HTML
Un documento HTML se compone de dos elementos principales: el 'encabezado' y el 'cuerpo'. El 'encabezado' contiene información sobre el documento, incluido el título que aparece en la barra de título del navegador y enlaces a archivos CSS y JavaScript. El 'cuerpo' contiene el contenido real de la página, como texto, imágenes, vídeos, enlaces, listas, tablas y formularios.
Aquí está la estructura básica de un documento HTML:
<!DOCTYPE html> <html> <cabeza> <title>Título de la página</title> </cabeza> <cuerpo> Contenido de página </cuerpo> </html>
Etiquetas y atributos HTML
Las etiquetas HTML se utilizan para crear elementos HTML. Una etiqueta se compone de un nombre de etiqueta (como 'p' para párrafo, 'h1' para título de primer nivel, 'img' para imagen), rodeado por corchetes. La mayoría de las etiquetas tienen una etiqueta de apertura y una etiqueta de cierre, con el contenido del elemento en el medio.
Aquí hay un ejemplo de un elemento de párrafo:
<p>Este es un párrafo.</p>
Los atributos HTML se utilizan para proporcionar información adicional sobre un elemento. Se colocan en la etiqueta de apertura del elemento y se componen de un nombre de atributo y un valor de atributo. El valor del atributo siempre está entre comillas.
Aquí hay un ejemplo de un elemento de imagen con los atributos 'src' (que especifica la URL de la imagen) y 'alt' (que proporciona texto alternativo para la imagen):
<img src="imagem.jpg" alt="Una imagen hermosa">
Eventos en JavaScript
JavaScript es un lenguaje de programación que le permite agregar interactividad a una página web. Una forma de hacerlo es utilizando eventos de JavaScript.
Un evento es algo que sucede en el navegador, como un clic del mouse, una pulsación de tecla, la carga de una página o un intervalo de tiempo transcurrido. JavaScript puede responder a estos eventos y ejecutar código cuando ocurren.
Para hacer que JavaScript responda a un evento, primero debe identificar el elemento HTML al que desea que se produzca el evento (como un botón) y luego debe especificar el evento al que desea que JavaScript responda (como como un clic del ratón). Esto se hace usando un controlador de eventos.
Aquí hay un ejemplo de cómo hacer que JavaScript responda a un clic del mouse en un botón:
<button onclick="alert('¡Hiciste clic en el botón!')">¡Haz clic en mí!</button>
En este ejemplo, el controlador de eventos 'onclick' se utiliza para especificar que JavaScript debe responder a un clic del mouse. El código JavaScript que se ejecutará cuando se produzca el evento está entre comillas después del nombre del evento. En este caso, el código JavaScript simplemente muestra un cuadro de alerta con el mensaje "¡Hiciste clic en el botón!".
Los eventos de JavaScript son una parte esencial de la creación de páginas web interactivas. Le permiten crear páginas que responden a las acciones del usuario y brindan una experiencia de usuario más dinámica y atractiva.
