Tendencias:
Etiquetas html en php

Cómo incluir código y etiquetas HTML en PHP

07/11/2019
Número de visualizaciones

¿Sabes cómo se puede incluir código y etiquetas HTML en PHP?, ¿Conoces el significado de las etiquetas php?, ¿Y su uso?

Con HTML podemos crear la estructura básica de cualquier página web pero para otorgarle dinamismo e interconexión con bases de datos necesitamos un lenguaje interpretado como puede ser PHP.

Existen 2 formas para insertar etiquetas HTML en PHP y en este artículo vamos a ver cuáles son.

código html y php

¿Qué es HTML?, ¿Para qué sirve?

HTML significa lenguaje de marcado de hipertexto.

Es el lenguaje de marcado estándar para las páginas web que definen la estructura del contenido. Estos elementos son los componentes básicos de cualquier sitio web.

HTML permite a los usuarios crear y estructurar secciones, encabezados, enlaces, párrafos y más, en un sitio web utilizando varias etiquetas y elementos.

Casi todo lo que desea crear en una página web se puede hacer usando un código HTML específico.

En la página de W3School dedicada a HTML se puede encontrar un tutorial al respecto muy completo.

Existen muchos beneficios al usar HTML para crear una página web:

  • Lenguaje ampliamente utilizado con una gran comunidad que lo usa
  • Se ejecuta en todos los navegadores web
  • Utiliza un marcado limpio y consistente
  • Completamente gratuito y de código abierto

Etiquetas HTML

Cualquier elemento HTML consiste en una etiqueta de apertura, una etiqueta de cierre y el contenido intermedio. Estos elementos se podrían ver como bloques de construcción para páginas HTML.

Las principales etiquetas son:

  • Tipo de documento: <! DOCTYPE html>
  • HTML: <html></html>
  • Título: <title></title>
  • Encabezados: <h1></h1>, <h2></h2>,….,<h6></h6>
  • Párrafos: <p></p>
  • Listas:
    • Con viñetas o puntos: <ul><li></li><li></li>…<li></li></ul>
    • Numeradas: <ol><li></li><li></li>…<li></li></ol>
  • Idioma: <html lang=”es”>
  • Imágenes: <img src=”ruta” alt=”texto alternativo” style=”estilo”>
  • Enlaces: <a href=”enlace”>texto de enlace</a>

¿Qué es PHP?, ¿Para qué sirve?

PHP es un lenguaje de programación del lado del servidor. Esto se debe a que el código PHP no se ejecuta en su ordenador, sino en el ordenador desde la que solicitó la página.

Una vez se ejecuta el código, los resultados se entregan y muestran en su navegador.

El objetivo de esto es facilitar la generación de contenido en las páginas web de forma dinámica y tener un intercambio lógico de datos y páginas web entre el cliente y el servidor.

Se puede incrustar código o etiquetas HTML en PHP directamente, o se puede usar en combinación con varios sistemas de plantillas web, sistema de gestión de contenido web y frameworks web.

PHP generalmente se usa junto con una base de datos MySQL en servidores web Linux / UNIX. Es probablemente el lenguaje de script más popular.

En la página de W3School dedicada a PHP se puede encontrar un tutorial al respecto muy completo.

Con PHP, se pueden hacer cosas como:

  • Crear páginas de inicio de sesión con nombre de usuario y contraseña
  • Verificar detalles de un formulario
  • Crear foros y encuestas
  • Realizar galerías de imágenes
  • Enviar y recibir cookies
  • etc.

Etiquetas PHP

Para incrustar código PHP existe 2 formas de hacerlo:

  • Apertura y cierre estándar: <?php xxxx ?> Esta forma es la universal y recomendada ya que funciona siempre.
  • Apertura y cierre corto: <? xxxx ?> Esta forma se conoce como short tags (etiquetas cortas). No se recomienda ya que no funciona siempre.

Referente a estas etiquetas PHP:

  • Es posible abrir y cerrar etiquetas en la misma línea en que se abrió, o pueden cerrarse en otra línea diferente. Es indiferente.
  • Se pueden intercalar dentro de etiquetas HTML pre-existentes.
  • Pueden abrirse y cerrarse muchas veces dentro de una misma página.

A continuación vamos a ver las dos formas que existen para insertar código o etiquetas HTML en PHP.

Etiquetas PHP en HTML

Se puede construir la página como una página web HTML normal con etiquetas HTML, y utilizar etiquetas PHP separadas para envolver el código PHP.

Incluso se puede poner el código PHP en el medio si cierra y vuelve a abrir las etiquetas <?php y ?>.

Este método es especialmente útil si tiene mucho código HTML pero desea incluir también PHP.

Veamos un ejemplo:

php en html

Como se puede ver, si se desea insertar código PHP en un archivo HTML, simplemente hay que escribir el código PHP en el sitio que se desee dentro de las etiquetas <?php y ?>.

Etiquetas HTML en PHP

Esta otra forma es básicamente lo contrario; es cómo agregar etiquetas HTML en PHP.

Para ello se utilizan los comandos PRINT o ECHO para imprimir HTML en la página.

Con este método, se puede incluir el código HTML dentro de las etiquetas PHP.

Este es un buen método para agregar HTML a PHP si tiene pocas líneas HTML.

Veamos un ejemplo:

html en php

Al igual que el primer ejemplo, PHP funciona independientemente del código HTML.

Simplemente se utilizan los comandos PRINT o ECHO para escribir HTML dentro del código PHP.

Grandes bloques: heredoc

Cuando necesitamos escribir bloques grandes de código HTML, incluso con variables intercaladas, podemos usar la construcción heredoc que nos permite escribir grandes cantidades de texto, sin necesidad de escapar caracteres en su interior.

Su uso es muy simple. Al inicio del bloque de texto, debemos colocar tres veces el signo “menor que”, de esta manera: <<< seguido de varios caracteres alfanuméricos (en el ejemplo que sigue hemos elegido EOT, pero puede ser cualquier otra combinación de letras);

Después, pegamos el bloque de código HTML y, para finalizar, repetimos los mismos tres caracteres que indicaron el inicio del bloque.

heredoc

También podemos almacenarlo dentro de una variable:

heredoc

Si bien los caracteres identificadores pueden formarse con cualquier combinación alfanumérica, por convención, se suele utilizar los caracteres EOT (end of text o final del texto).

Lo importante es que esos mismos caracteres no estén incluidos dentro del HTML, ya que, en dicho caso, el software intérprete de PHP considerará que allí termina el bloque, y provocará un mensaje de error al no saber qué hacer con el resto del código.

¡Dinamiza tu página con HTML y  PHP!

A lo largo del artículo hemos visto cómo podemos incluir etiquetas HTML en PHP y también cómo insertar código PHP dentro de un archivo HTML.

Saber combinar HTML, CSS, Javascript y PHP en una página web es clave para lograr dotar de dinamismo y funcionalidad a nuestro sitio web.

Si deseas ampliar tus conocimientos para construir un website te recomiendo que visualices este artículo sobre estándares web y también este otro sobre cómo incluir css en html.

+5
Categorizado en: Informática y TICS

No hay comentarios

  1. CARLOS dice:

    COMO PUEDO SACAR EL IGV DE UN ELECTRODOMESTICO EN PHP POR EJEMPLO UN TV

    0
    • Rafael Marín dice:

      Para calcular el precio de un electrodoméstico con el IGV incluido y luego restarle el IGV para obtener el precio sin impuestos en PHP, puedes seguir estos pasos:

      1. Calcular el precio con IGV incluido:

      Si tienes el precio sin IGV y deseas calcular el precio con IGV incluido, puedes usar la fórmula:

      $precioSinIGV = 500; // Precio sin IGV
      $porcentajeIGV = 18; // Porcentaje del IGV en tu país (puedes ajustar según corresponda)

      $precioConIGV = $precioSinIGV + ($precioSinIGV * ($porcentajeIGV / 100));

      Espero que te sirva este código de ejemplo.
      Un saludo.

      +1
  2. aldo felipe rodriguez garcia dice:

    como meto un script de php en una pagina html y que me la pueda ejecutar correctamente? el script lo hago en bloc de notas y luego como lo guardo como html o php, si quiero realizar una pagina html con un hipervinculo que abra un script php y lo ejecute correctamente como lo hago

    0
    • Rafael Marín dice:

      Buenos días Aldo Felipe.
      Para incluir un script de PHP en una página HTML y ejecutarlo correctamente, debes asegurarte de seguir estos pasos:

      – Abre un editor de texto como Bloc de notas (en Windows) o TextEdit (en Mac).
      – Escribe tu código PHP dentro de las etiquetas .
      – Guarda el archivo con una extensión «.php». Por ejemplo, «miarchivo.php».
      – Crea un archivo HTML donde desees incluir el script PHP. Puedes usar el mismo editor de texto y guardar el archivo con una extensión «.html». Por ejemplo, «miarchivo.html».
      – En el archivo HTML, puedes incluir el script PHP dentro de las etiquetas o, dependiendo de dónde quieras que se muestre o se ejecute.
      – Guarda el archivo HTML.

      Una vez que hayas seguido estos pasos, puedes abrir el archivo HTML en tu navegador web. El navegador ejecutará el código PHP y mostrará el resultado.
      Un saludo

      0

  3. Marisol dice:

    Buenas, si dentro el echo creo una etiqueta hay alguna manera de poder extraer el valor de alguna de las variables creadas ahí, por ejemplo (la variable «hola»)
    echo function holaF(){
    return ‘Hola mundo’;}
    var hola=holaF()

    0
    • Rafael Marín dice:

      Buenas Marisol. Si, se podría realizar sin problema siempre que lo haga entre etiquetas de php. Un saludo.

      0
      • Marisol dice:

        Buenas, gracias por su respuesta, pero como deberia declarar la variable php para que me acepte contener el valor de la variable del script, porque de la forma que he probado me ha quedado vacio.Saludos!

        0
        • Rafael Marín dice:

          Buenos días Marisol.
          Creo que entendí mal lo que quería hacer dentro de su echo.
          Lo que puede hacer, para utilizar las variables debe crear la función y variable en el código php y luego, en el echo, incluir el valor de la variable separando por puntos «.» el html de la variable. Un ejemplo del código sería el siguiente:

          <?php

              function holaF(){
                  return "Hola mundo";
              }
              var hola=holaF();
              echo "Vamos a usar la variable hola. El contenido es".$hola." y lo hemos incluido en html";

          ?>

          Espero que lo haya comprendido.
          Un saludo.

          0
          • Marisol dice:

            Si, gracias, pero me he expresado mal a lo que me referia seria si la funcion se crea en una etiqueta creada con un echo se puede extraer el valor de la variable.
            echo » function holaF(){
            return ‘Hola mundo’;}
            var hola=holaF() «

            0
          • Rafael Marín dice:

            Meter las funciones y variables dentro del echo no se podría y, además, no tendría sentido ya que puede separar lo que quiere ir poniendo en diferentes echo y serviría.
            Lo que sí se suele hacer es, dentro de un echo, concatenar valores específicos de una variable, array, etc, sobre todo en el uso de formularios web. Puede ver ejemplos en el siguiente enlace: https://www.lawebdelprogramador.com/foros/PHP/1541600-php-dentro-de-un-echo.html
            Espero haberle ayudado.
            Un saludo.

            0
  4. Emilio dice:

    NO me funciono, lo de meter texto en variable, hay que sustituir EOT por comilla simple

    0
    • Rafael Marín dice:

      Buenas tardes Emilio.
      Para poder comprobar el fallo que le ha dado, habría que ver el código exacto utilizado ya que en principio el código mostrado en el artículo funciona correctamente.
      De todas maneras, otra opción es incluir, como ha indicado, la comilla simple a la variable.
      Muchas gracias por su aportación.
      Un saludo.

      0
  5. Alex Santos dice:

    BIEN!!

    0
Ver más comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada.

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

Descubre nuestro contenido más actualizado en TERRITORIO INESEM

PRÓXIMOS EVENTOS

Cómo usar el Big Data para la Creación de Contenido

Cómo usar el Big Data para la Creación de Contenido

Miguel Ángel García Rodríguez
1 hora
18/03/2024 17:00
La Importancia de la Marca a la Hora de Comunicarnos

La Importancia de la Marca a la Hora de Comunicarnos

Carlos Gutiérrez Horno
1 hora
25/03/2024 17:00
Universidades colaboradoras
La universidad Antonio de Nebrija es Universidad colaboradora con INESEM Business School La universidad a Distancia de Madrid es Universidad colaboradora con INESEM Business School