En este tutorial vamos a aprender como insertar código PHP en nuestros documentos HTML. Si queremos realizar aplicaciones dinámicas debemos añadir algún lenguaje del lado del servidor y una base de datos, solamente con HTML no es suficiente para mostrar en pantalla datos dinámicos traidos de una base de datos, aquí es donde se hace importante si vamos a hacerlo con php aprender correctamente a mezclar estos dos lenguajes ya que HTML es del lado del cliente (es decir el navegador) y php del lado del servidor.
Como incrustar entonces código PHP en HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Incrustar php en htmlentities</title>
<script>
<?php
echo "alert('SALUDO CURSO PHP MODERNO')";
?>
</script>
</head>
<body>
<h2>Curso PHP</h2>
<?php echo "render2web"; ?>
<?php
print "<h4>Título H4</h4>";
echo '<hr>';
?>
<h4>
<?php
print "Título H4";
?>
</h4>
<h2 style="color: blue;">TEXTO AZUL</h2>
<h2 <?php echo 'style="color:blue;"' ?>>TEXTO AZUL 2</h2>
</body>
</html>
Si analizamos el código anterior podemos ver la siguiente línea:
<?php echo "render2web"; ?>
Esta línea indica que es un bloque de código php ya que contiene la etiqueta de apertura “<?php” y la etiqueta de cierre “?>”. Quiere decir que en cualquier lugar de nuestro código html podemos insertar código de php solo que hay que indicar donde se abre y se cierra para que después del cierre pueda continuar la ejecución del código HTML.
En el ejemplo anterior el código está en una sola línea, pero también se puede en varias líneas lo cual es realmente útil cuando trabajamos con muchas líneas de código, este sería el ejemplo de código php en varias líneas:
<?php print "<h4>Título H4</h4>"; echo '<hr>'; ?>
También es posible imprimir en pantalla código HTML usando PHP, este código debe ir encerrado entre comillas simples o dobles y se escribe tal como se escribe la etiqueta html, este es el ejemplo (Mira que el título en H4 es html y esta dentro de código PHP):
print "<h4>Título H4</h4>";
También es posible escribir código PHP en los atributos de las etiquetas HTML, mira en este ejemplo estamos escribiendo el atributo style para dar un color azul al texto del titulo H2, solo que lo estamos haciendo usando código PHP.
<h2 <?php echo 'style="color:blue;"' ?>>TEXTO AZUL 2</h2>
Es posible también usar php para escribir código Javascript, mira en el siguiente ejemplo donde lanzamos una alerta en el navegador que se ejecuta usando Javascript pero usando PHP.
<script>
<?php
echo "alert('SALUDO CURSO PHP MODERNO')";
?>
</script>
Mira este tutorial en video:
Espero este tutorial te enseñe como incrustar código PHP en HTML para cuando desarrolles tus aplicaciones.
Recuerda que este video hacer parte de nuestro curso:
Master en PHP Moderno 7 y 8 POO, PDO, Mysql, SQL, PostgreSQL
