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

HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado que define la estructura de una página web. Es la columna vertebral de cualquier sitio web y es esencial para el desarrollo front-end. Comencemos con la estructura básica de una página HTML.

Estructura básica

Una página HTML se compone de una serie de elementos, cada uno representado por una etiqueta. La etiqueta más externa es la etiqueta <html>, que encapsula todo el contenido de la página. Dentro de esta etiqueta tenemos dos secciones principales: <head> y <cuerpo>.

La <cabeza> contiene metainformación sobre la página, como el título (que aparece en la pestaña del navegador), enlaces a hojas de estilo CSS, scripts JavaScript y otra información que no es directamente visible para el usuario.

El <cuerpo> Aquí es donde reside todo el contenido visible de la página. Esto incluye texto, imágenes, enlaces, formularios, botones y más.

Etiquetas y Atributos

Las etiquetas se utilizan para marcar el principio y el final de un elemento. Por ejemplo, el texto que desee que aparezca como párrafo se colocará entre las etiquetas <p> y </p>. Hay muchas etiquetas en HTML, cada una con un propósito específico.

Además, las etiquetas pueden contener atributos que proporcionan información adicional sobre el elemento. Por ejemplo, la etiqueta <a> (que crea un enlace) normalmente contiene el atributo 'href', que especifica la URL a la que debe apuntar el enlace.

Introducción a Node.js y NPM

Node.js es un entorno de ejecución de JavaScript que le permite ejecutar código JavaScript en el lado del servidor. Esto es útil para crear servidores web, interactuar con bases de datos y más. Node.js viene con un administrador de paquetes integrado llamado NPM (Node Package Manager), que facilita la instalación y administración de bibliotecas y herramientas de JavaScript.

¿Qué es Node.js?

Node.js es un entorno de ejecución de JavaScript creado sobre el motor JavaScript V8 de Google Chrome. Permite a los desarrolladores utilizar JavaScript para escribir código que se ejecuta en el servidor, no sólo en el navegador del usuario. Esto abre una serie de posibilidades, incluida la creación de servidores web, la realización de operaciones de E/S (como leer y escribir archivos) y la interacción con bases de datos.

¿Qué es la NGP?

NPM es el administrador de paquetes predeterminado para Node.js. Facilita la instalación y administración de bibliotecas de códigos JavaScript, llamadas paquetes. NPM también permite a los desarrolladores compartir y distribuir su código con la comunidad. Con NPM, puedes instalar paquetes en tu proyecto con un solo comando y él se encargará de resolver e instalar cualquier dependencia.

Para usar NPM, necesita instalar Node.js en su computadora. Una vez instalado, puede utilizar el comando 'npm install' para instalar paquetes en su proyecto.

Ahora responde el ejercicio sobre el contenido:

¿Qué es HTML y cuál es su función?

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

¡Tú error! Inténtalo de nuevo.

Imagen del artículo Introducción a HTML: estructura básica, etiquetas y atributos: frameworks y bibliotecas populares (React, Angular, Vue)

Siguiente página del libro electrónico gratuito:

39Introducción a HTML: estructura básica, etiquetas y atributos: frameworks y bibliotecas populares (React, Angular, Vue)

3 minutos

¡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.