Saltar la navegación

3. 📖 Lenguajes para la Edición de Páginas Web

Introducción

Para crear y personalizar páginas web, utilizamos diferentes tipos de lenguajes que trabajan juntos para construir la estructura, el diseño y la funcionalidad de un sitio. Cada lenguaje tiene su propósito y características únicas.

Tipos de Lenguajes

Lenguajes de Marcado

  • HTML (HyperText Markup Language):
    • Es el lenguaje básico que define la estructura de una página web.
    • Usa etiquetas como <h1>, <p>, <img>, etc., para organizar títulos, párrafos, imágenes y más.
      Ejemplo:
<h1>Bienvenidos a mi web</h1>
<p>Esta es una página hecha con HTML.</p>

Lenguajes de Estilo

  • CSS (Cascading Style Sheets):
    • Se utiliza para controlar el diseño y la apariencia de la página, como colores, fuentes, tamaños y disposición.
    • Complementa al HTML, haciendo que las páginas sean más visualmente atractivas.
      Ejemplo:
h1 {
    color: blue;
    text-align: center;
}

Lenguajes de Programación

  • JavaScript:
    • Añade interactividad y dinamismo a las páginas web, como botones que reaccionan, formularios que se validan o animaciones.
      Ejemplo:
document.getElementById("boton").onclick = function() {
    alert("¡Hola, mundo!");
}

Otros lenguajes [MUY AVANZADO]:

  • PHP: Para generar contenido dinámico desde el servidor, como un formulario que guarda datos.
  • Python y Ruby: También se usan para manejar datos o crear aplicaciones más complejas en la web.

Diferencias entre lenguajes

  • Web como Tarta
    Generada con IA: Dall-e. La web como si fuera una tarta

    HTML vs CSS:

    • HTML define qué contenido se muestra (texto, imágenes).
    • CSS define cómo se ve ese contenido (color, tamaño, ubicación).
  • JavaScript vs HTML y CSS:

    • HTML y CSS crean la estructura y el diseño.
    • JavaScript hace que la página sea interactiva (botones que funcionan, menús desplegables).
  • PHP/SQL vs JavaScript:

    • PHP y SQL trabajan en el servidor, gestionando los datos antes de que lleguen al usuario.
    • JavaScript funciona en el navegador, controlando lo que el usuario ve y hace.

Creado con eXeLearning (Ventana nueva)