¿Cómo poner HTML en PHP?

En este tutorial básico, aprenderemos cómo poner codigo HTML en PHP. Esto es perfecto para insertar pequeños o grandes fragmentos de código HTML en código PHP. Usualmente este es el caso de las plantillas de WordPress. Así que sigue leyendo para aprender cómo hacerlo de la manera correcta.

Para empezar, debemos entender claramente cómo funciona el lenguaje PHP. En un archivo de extensión .php para abrir el código usamos <?php y para cerrarlo usamos ?>. Por ejemplo, un pequeño código que muestra la variable $valor:

<?php
// Un fragmento de código PHP
$valor = 45;
echo $valor;
?>

Digamos que queremos escribir un encabezado en HTML que especifique “El valor es 45”, usando el valor de la variable en PHP. Entonces, si queremos insertar código HTML en el medio de nuestro código en PHP, podemos hacerlo de dos formas:

Poner HTML cerrando tags de PHP

La forma más directa es cerrando momentáneamente los tags de PHP, de la siguiente manera:

<?php
// Un fragmento de código PHP
$valor = 45;
?>

<h1>El valor es

<?php
echo $valor;
?>

</h1>

Como puedes ver, hemos cerrado con ?>, insertado un encabezado de HTML para poner como texto “El valor es”, y hemos vuelto a abrir con <?php para luego cerrar nuevamente y colocar el </h1> para cerrar el encabezado.

Esta forma es perfecta para cuando tienes que insertar fragmentos de HTML bastante extensos.

Poner HTML en PHP usando echo

Otra forma de poner HTML en PHP es usando el comando echo, que implica mostrar en página. Por ejemplo, nuestro ejemplo inicial tenía echo $valor, que muestra en pantalla el valor de la variable.

Así que haríamos lo siguiente:

<?php
// Un fragmento de código PHP
$valor = 45;
echo '<h1>El valor es ' . $valor . '</h1>';
?>

Como puedes ver, hemos incluido el código HTML dentro del comando echo. Para esto, hemos usando las comillas (‘) para encerrar el código HTML, y hemos usado el punto (.) para concatenar cada parte.

Esta forma es perfecta para cuando tienes que insertar fragmentos pequeños de HTML.


Puedes utilizar cualquiera de estas formas para insertar código HTML en PHP. Te recomiendo que vayas practicando, y así encontrarás la forma que te sea más cómoda. De igual forma, te dejo algunas recomendaciones:

  • Utiliza la primera forma para cuando tengas códigos HTML muy extensos.
  • Utiliza la segunda forma para cuando tengas códigos HTML pequeños.

No te preocupes, a medida que vayas practicando, te darás cuenta cuál es más adecuado en cada caso.

Si te sirvió, ¡compártelo!

También te interesaría...

Suscríbete a nuestra lista de correo

Agregue un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.