Etiquetas html en php

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

Número de visualizaciones
07/11/2019

¿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.

3+
Categorizado en: Desarrollo de Aplicaciones

4 Comentarios

  1. Amarys dice:

    Excelente, gracias por la información

    1+
  2. Armando dice:

    Gracias por la información, no conocía heredoc.

    1+
  3. orietta dice:

    GRACIAS POR LA INFORMACION.

    1+

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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

Descubre MasterClass de INESEM. Una plataforma en la que profesionales enseñan en abierto

Profesionales enseñando en abierto