Ejercicio:
Elabore un programa que sume 2 números utilizando HTML y PHP:
Te daré un ejemplo de como se debe programar en html y php, donde podrás practicar y verificar si la instalacion de XAMPP ha sido adecuada.
En primer lugar, se hará la parte de HTML para que el usuario pueda ingresar los datos, de esta manera:
<html>
<head><title>Operaciones Básicas</title></head>
<body bgcolor="8CC3FE">
<form name="formu" method="POST" action="suma.php">
<br><br><center><h3>Programa que Suma Dos (2) Números</h3></center>
<center>Número 1: <input type="text" name="dato1"><br></center>
<center>Número 2: <input type="text" name="dato2"><br></center>
<center><input type="submit" name="sumar" value="SUMAR"></center>
</form>
</body>
</html>
Al realizarlo, te va a aparecer una ventana en el navegador con la solicitud de los 2 números.
Posteriormente, se procede a realizar el programa que va a procesar los datos ingresados por el Usuario, en este caso, con el lenguaje de PHP, de la siguiente forma:
<html>
<head><title><Operaciones Básicas</title></head>
<body bgcolor="aqua">
<center>
<?php
$dato1=$_REQUEST['dato1'];
$dato2=$_REQUEST['dato2'];
echo "<br> El Número 1 es: $dato1";
echo "<br> El Número 2 es: $dato2";
$suma=$dato1+$dato2;
echo"<BR><BR>El Resultado de $dato1+$dato2 es: $suma";
?>
</center>
</body>
</html>
Aparecerá una ventana con la información requerida, supongamos que en Número 1 coloques 4 y en Número 2, ingreses 4, el resultado tendría que ser 8. Así tiene que aparecer en la ventana:
Recuerda que tienes que guardar el archivo en la carpeta de xampp y luego en htdocs. Seguidamente ingresar al navegador y colocar en el buscador, localhost/tuarchivo.html o localhost/tuarchivo.php, es decir, el nombre del archivo tal cual lo guardaste y siempre teniendo presente que es en minúsculas.