Parte 1: HTML
HTML (HyperText Markup Language) es el lenguaje estándar utilizado para crear páginas web. Aquí te mostramos cómo crear una página simple con un saludo "Hola Mundo":
Explicación:
- <!DOCTYPE html>: Define la versión de HTML utilizada en el documento.
- <html lang="es">: Define el idioma principal del documento (en este caso, español).
- <head>: Contiene metadatos y enlaces a recursos externos.
- <meta charset="UTF-8">: Define el conjunto de caracteres utilizado en el documento como UTF-8.
- <meta name="viewport" content="width=device-width, initial-scale=1.0">: Establece la escala inicial y el ancho de la pantalla en dispositivos móviles.
- <title>: Define el título de la página que se muestra en la pestaña del navegador.
- <body>: Contiene el contenido visible de la página.
- <h1>: Crea un encabezado de nivel 1 con el texto "Hola Mundo!".
- <p>: Crea un párrafo con el texto "Esta es mi primera página web."
Guarda este código en un archivo con la extensión .html, por ejemplo: hola_mundo.html. La extensión .html indica que este archivo contiene código HTML y se puede abrir en un navegador web para visualizar la página.
Parte 2: PHP
PHP (Hypertext Preprocessor) es un lenguaje de programación del lado del servidor que se utiliza para crear contenido dinámico en páginas web. Aquí te mostramos cómo incluir "Hola Mundo" en una página PHP:
Explicación:
Guarda este código en un archivo con la extensión .php, por ejemplo: hola_mundo.php. La extensión .php indica que este archivo contiene código PHP que se ejecutará en el servidor antes de que el resultado se envíe al navegador del usuario.
<?php echo "Hola Mundo!"; ?>: Esta etiqueta PHP se interpola directamente en el HTML y muestra el texto "Hola Mundo!" en el encabezado <h1>.
La ubicación del archivo estará en la carpeta: C:\wamp\www\
Con estos ejemplos simples, has creado una página web básica que muestra "Hola Mundo" tanto en HTML como en PHP.