///

Las etiquetas entre el PHP y el HTML

Todo el código que escribimos en una página html, cuando están alojadas en un servidor web, está redactado entre etiquetas. Esto es porque es la forma de asegurar una compatibilidad entre todos los dispositivos existentes en el mercado. Hablamos de ordenadores de escritorio, portátiles y de dispositivos móviles como tablet y móviles.

Este lenguaje de etiquetas es en general el XHTML (Extensible Hypertex Markup Language). Podemos asegurar que se trata del lenguaje que sucede al HTML y que está basado en la sintaxis de XML.

Existen etiquetas en HTML: <html>, <body>, <head> <style>. Pero también existe en php puesto que está escrito entre dos etiquetas. Estas son:

<?php : que indica el comienzo del código PHP  y ?> : indica el final del código PHP

Un ejemplo muy básico puede ser:

<?php
   echo '<p>Hola qué tal</p>';
?>

o también en una sola línea:

<?php echo '<p>Hola qué tal</p>';?>

Y ya aprovechamos para comentar que existían otras formas de expresar estas etiquetas comentadas anteriormente pero que a apartir de PHP 7, estas escrituras han dejado de utilizarse, y son las siguientes:

  • <script language=»php»> … </script>
  • <%  … %>
  • <? … ?>

Inserción de etiquetas PHP en el código XHTML


Su puede escribir código PHP en cualquier ubicación del código XHTML pero para que pueda ser interpretado hay que guardar el fichero con la extensión php porque en el caso de alojarlo con extensión html, el código php no será interpretado ni visualizado en el navegador.

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Etiquetas entre HTML y PHP</title>
</head>
<style>
    p {
        color: white;
        background-color: #9cf;
    }
</style>
<body>
   <p>
       Hola, parece que hace <?php echo 'buen tiempo' ?>
   </p>
</body>
</html>

Ejecución del código del ejemplo en este enlace

Una vez observado la ejecución del código sobre un fichero php, como habíamos dicho, puede aprovechar y ver el código de la página que ha recibido el navegador. Acceda con el botón derecho seleccione «ver el código fuente de la página», o pulsar Ctrl+U (Cmd+U en OS X).

Puede verse que no se muestra el código dirigido al servidor entre las etiquetas php. Sin embargo se muestra el resultado de su ejecución. Nos estamos refiriendo a la impresión en pantalla de la cadena ‘buen tiempo’.

No es necesario demostrar que si introducimos el mismo código, u otro con el mismo sentido, dentro de las etiquetas <title> y </title> de la página obtendremos un contenido dinámico como título de la misma.

Enviar datos al servidor web


Hay varias instrucciones con la finalidad de insertar código HMTL en una página web.

  • Instrucción echo: <?php echo «texto»;?> o <?php echo (‘texto’);?>

La diferencia entre ambas es que la segunda sentencia, al estar entre comillas simple no se interpretará la variable. Es decir ante una instrucción como <?php echo ‘$color_pelo’ ?> si $color_pelo es una variable no será interpretado como tal y lo que imprimirá es el nombre de la variable y no el contenido de la misma, es decir ‘$color_pelo’.

  • Instrucción print: <?php print (‘texto’);?>

Son, por tanto, equivalentes (hay que saber que print dispone de otras variantes)

Inserción del código XHTML con la instrucción echo


Con la instrucción de PHP echo podesmos insertar cualquier código HTML por ejemplo si quisiéramos incluir una tabla, programaríamos lo siguiente:

<?php
   echo '<table><tr><td>texto</td></tr></table>';
?>

Si es una imagen el objeto a insertar:

<?php
   echo '<img src="mi_imagen.jpg" name="Mi_Imagen" />';
?>

Es viable por tanto escribir una página Web completa con la instrucción echo, observe y analice este código.

<?php
$nombre = "Alberto Juan";
echo '<!DOCTYPE html>';
echo '<html>';
echo '<head>';
echo '<title>PHP Altruistas</title>';
echo '</head>';
echo '<body>';
echo '<p>';
echo "Hola $nombre !<br />";
echo 'La fecha es 20 de mayo de 2020.';
echo '</p>';
echo '</body>';
echo '</html>';
?>

Ejecución del código en este enlace.

Acceda con el botón derecho seleccione «ver el código fuente de la página», o pulsar Ctrl+U (ALT+Cmd+U en OS X). La diferencia es que el servidor envía una sola línea que el navegador interpreta exactamente igual, obviamente, que si se codifica directamente sin el uso de la instrucción echo de PHP.

 

 

 

Deja una respuesta

Your email address will not be published.

PHP Altruisas Ocio Eventos Cursos Las Palmas
Anterior post

El archivo 'Functions' para personalizar un sitio de Wordpresss con PHP

PHP Altruistas Ocio en Las Palmas
Siguiente post

Comprobar si una entrada de texto es un número en javaScript

Latest from html5 y css3