4.27. Introducción a HTML: estructura básica, etiquetas y atributos: Funciones en JavaScript

Página 31

Introducción a HTML: estructura básica, etiquetas y atributos

HTML, que significa 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 fundamental utilizada para crear contenido web.

Estructura básica de un documento HTML

Un documento HTML tiene una estructura de árbol. El elemento raíz es siempre el elemento html. Dentro del elemento html, tenemos dos elementos secundarios: la cabeza y el cuerpo. El elemento principal contiene metadatos sobre el documento, como su título y enlaces a sus scripts y hojas de estilo CSS. El elemento del cuerpo contiene el contenido real del documento, como texto, imágenes, vídeos, etc.

<!DOCTYPE html>
<html>
  <cabeza>
    <title>Título de la página</title>
  </cabeza>
  <cuerpo>
    Contenido de página
  </cuerpo>
</html>

Etiquetas y atributos HTML

Los elementos HTML se definen mediante etiquetas. Una etiqueta se compone del nombre del elemento, rodeado de caracteres superiores e inferiores. Por ejemplo, <html>, <body>, <head>, <title>, etc.

Algunos elementos HTML también pueden tener atributos. Los atributos proporcionan información adicional sobre el elemento. Siempre se especifican al principio de la etiqueta del elemento y constan de un nombre y un valor. Por ejemplo, el elemento a, que se utiliza para crear enlaces, tiene un atributo href que especifica la URL del enlace.

<a href="https://www.example.com">Este es un enlace</a>

Funciones en JavaScript

JavaScript es un lenguaje de programación que permite implementar funciones complejas en páginas web. Cuando una página web es más que solo texto e imágenes estáticas, sino que interactúa con el usuario, es probable que esté involucrado JavaScript.

Las funciones son uno de los componentes fundamentales de JavaScript. Una función es un procedimiento de JavaScript: un conjunto de instrucciones que realiza una tarea o calcula un valor. Para usar una función, debes definirla en algún lugar del alcance donde deseas llamarla.

Definición de funciones

Una función en JavaScript es similar a un procedimiento: un conjunto de instrucciones que realiza una tarea o calcula un valor, pero para que una función sea útil, debe estar definida. La definición de función de JavaScript consta de una palabra clave de función, seguida de un nombre, una lista de parámetros entre paréntesis (corchetes) y una declaración que contiene el código que se ejecutará.

función nombre de función (parámetro1, parámetro2, parámetro3) {
  // código a ejecutar
}

Funciones de llamada

Una vez que define una función, puede ejecutarla llamándola desde otra parte de su código. Para hacer esto, usa el nombre de la función seguido de paréntesis y proporciona los valores (conocidos como argumentos) para los parámetros de la función.

NombreFunción(valor1, valor2, valor3);

Esperamos que esta información básica sobre HTML y JavaScript proporcione una base sólida para que pueda continuar aprendiendo y explorando estos lenguajes de programación. Recuerde, la práctica es la clave para llegar a ser competente, ¡así que siga practicando y desarrollando!

Ahora responde el ejercicio sobre el contenido:

¿Cuál es la función de los atributos en los elementos HTML?

¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.

¡Tú error! Inténtalo de nuevo.

Siguiente página del libro electrónico gratuito:

324.28. Introducción a HTML: estructura básica, etiquetas y atributos: Objetos y arrays

¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!

Disponible en Google Play Disponible en App Store

+ 6,5 millones
estudiantes

Certificado gratuito y
válido con código QR

48 mil ejercicios
gratis

Calificación de 4.8/5
en tiendas de aplicaciones

Cursos gratuitos de
vídeo, audio y texto.