Imprime texto y etiquetas HTML

Clase 4 de 24 • Curso de PHP: Integración con HTML

Gonzalo Giampaolo

student•

Pro hack para auto tags de PHP: 1- Vayan a la paleta de comandas y Busquen Preferences: configure user snippets. 2- Busquen la opción de html 3- Peguen el siguiente código:

{
  // Place your snippets for html here. 
  "php": {
    "prefix": "php",
    "body": ["<?php", "$0", "?>"],
    "description": "php tag"
  }
}

4- Tipen php+enter y se les autocopleta la etiqueta. :)

Joel Dominguez Merino

student•

Muy buen aporte Gonzalo! De esta forma ya solo con escribir php nos permite tener las etiquetas de apertura y cierre :)

Antoni Bassols Lopez

student•

Para aprender a crear los snippets de una forma muy sencilla recomiendo ver este vídeo, es muy bueno y detallado: https://www.youtube.com/watch?v=nRG5ISvMTS0

Guadalupe Monge Barale

student•

Esta es la forma corta. No es necesario el punto y coma

<?= "<i> Esta es otra forma </i>" ?>

Henry

student•

Tengo una duda, es recomendable usarlo así? no se considera una mala practica?

hablo de no incluir "php" en la apertura?

Guadalupe Monge Barale

student•

No estoy segura. Cuando abre la etiqueta arriba de todo en el HTML usa la forma tradicional.

Jorge Zerpa

student•

para los que vienen de REACT, dense cuenta que esto es muy similar a cuando escribimos JS en JSX:

// JS CODE 
	const nombre = 'Paquito';

#y ahora en JSX hariamos algo como
<h2> hola { nombre} </h2>

es muy similar en PHP:

$nombre = 'Paquito';

#y ahora en html
<h2> hola <?= $nombre;?> </h2>

Verlo desde esta perspectiva me ayudo mucho a entender más rapido, espero que les sirva :)

Joel Dominguez Merino

student•

He visto un poco de React y tienes toda la razón! Tener conocimientos previos de alguna otra herramienta/tecnología permite adquirir el nuevo conocimiento de manera más rápida y fácil en la mayoría de casos 🚀

Jossie Steeven Quintero Giron

student•

La diferencia es la forma en que se van a renderizar luego en el navegador.

Guadalupe Monge Barale

student•

Snippets para VCode Debemos crearlo no como snippets de PHP sino como GLOBAL

	"etiqueta":{
        "prefix": "php",
        "body": ["<?= $1 ?>"],
	}

De esta manera, cada vez que escribamos php en nuestro archivo nos aparecerá la opción de autocompletar con las etiquetas de apertura y cierre. El cursor quedará en el medio

Eduer Pallares Jiménez

student•

Súper! Agrego otro:

Josué Eduardo Apén Bal

student•

¿Cómo puedo tener autocompletado en las etiquetas HTML, en los comentarios de PHP?

LESTHER XITUMUL MANUEL

student•

Impresión de HTML usando PHP

Existen varias formas de imprimir HTML utilizando PHP. A continuación, se presentan algunas de las formas más comunes:

Concatenar HTML con variables PHP: Puedes concatenar cadenas de texto HTML con variables PHP para imprimir contenido dinámico. Aquí hay un ejemplo:
```
<?php
$nombre = "Juan";
$edad = 25;
echo "<h2>Bienvenido, " . $nombre . "!</h2>";
echo "<p>Tienes " . $edad . " años.</p>";
?>
```
Utilizar la sintaxis de apertura y cierre de PHP: Puedes utilizar la sintaxis de apertura y cierre de PHP para alternar entre el modo PHP y el modo HTML. Aquí hay un ejemplo:
```
<?php
$nombre = "María";
$edad = 30;
?>
<h2>Bienvenida, <?php echo $nombre; ?>!</h2>
<p>Tienes <?php echo $edad; ?> años.</p>
```

Utilizar la función printf: Puedes utilizar la función printf para formatear e imprimir contenido HTML. Aquí hay un ejemplo:

<?php
$nombre = "Pedro";
$edad = 35;
printf("<h2>Bienvenido, %s!</h2>", $nombre);
printf("<p>Tienes %d años.</p>", $edad);
?>

Utilizar la sintaxis abreviada <?= $variable ?>: Puedes utilizar la sintaxis abreviada <?= $variable ?> para imprimir el valor de una variable PHP directamente en el HTML. Aquí hay un ejemplo:

<?php
$titulo = "Mi Página";
?>

<!DOCTYPE html>
<html lang="es">
<head>
   <meta charset="UTF-8">
   <title><?= $titulo ?></title>
</head>
<body>
   <h2>Bienvenidos a <?= $titulo ?>!</h2>
   <p>Esta es una página HTML generada por PHP.</p>
</body>
</html>

@andoti

Sebastián Caraballo Marzola

student•

Existen 2 formas de imprimir codigo php en el html

****Forma 1****

1. Creamos nuestro archivo php y luego iniciamos nuestras etiquetas de html, dentro esta podemos inicializar la php con <?php?> y  entro de este poner nuestro echo y imprimir lo que queramos

```php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <?php 
			echo "<h2>hola mundo</h2>"
		?>
</body>
</html>

esta forma es un poco más larga por lo tanto es recomendable utilizar la segunda forma que veremos a continuación

Forma 2

<?="<h3>hola mundo de otra forma</h3>"?>

esta es una forma más rápida y reducida

Imprimir variables

en el caso que queramos imprimir varibles de php en el html podmos crearlas por aparte oviamente dentro de las etiquetas <?php ?> y crearlas(en este ejemplo se creo en el mismo archivo donde esta la variable)

<?php
$saludo="hola soy una variable";
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
	<h4>a mira esto una variable "<?= $saludo ?>"</h4>
</body>
</html>

Joel Dominguez Merino

student•

Les comparto 4 formas que he visto que podemos usar para mostrar texto y etiquetas de HTML con PHP. Seguramente hayan más así que si tienes otra, por favor compártela 🔥 La pregunta es: ¿Alguna de ellas es mejor opción? ¿Alguna es mala practica? Aún no entiendo cual es y cual no. .

Mariana Gil

student•

¿Cómo hago para tener sugerencia de los tags HTML dentro de los tags de PHP?

Fuera de php:

Dentro de php:

En realidad veo que el problema es dentro de las comillas, no dentro de php

Espero sus respuestas, gracias.

Diego Andrés Lopez Rodriguez

student•

Jose Alfredo Fiestas Martinez

student•

bien bacan, capo

Angelo Osorio

student•

Saludos comunidad Michis :), buenisimo curso.

Jose Alejandro Pantoja Giraldo

student•

vamos bien

Kenneth Angulo L

student•

Este es un generador de snippets, permite crearlos para VSCode, Atom y para el sublime text de toda la vida 😀 . Generador de snippets

Kenneth Angulo L

student•

Reuno aqui todos los aportes que han hecho los companeros, muy practico tener estos snippets a la mano: . Son las tres formas de insertar las etiquetas PHP . El prefijo (la combinación de letras que inicia la secuencia) se puede cambiar a gusto de la persona, para mi tienen sentido asi:

    "p": {
        "prefix": "<p",
        "body": ["<?= $0 ?>"],
        "description": "short PHP tag"
    },

    "ph": {
        "prefix": "<ph",
        "body": ["<?php $0 ?>"],
        "description": "open and close PHP tag"
    },

    "php": {
        "prefix": "php",
        "body": ["<?php", "","$0"],
        "description": "PHP opening tag"
    },

José Luis Luna Rubio

student•

Existen 2 formas de imprimir contenido PHP dentro de HTML

/*
Con el clasico echo, se requiere apertura y cierre de etiquetas PHP y uso de ;
*/
<?php echo "hola mundo" ; ?>

/*
Una forma alternativa mas corta y amigable, no requiere colocar ; al final
*/
<?=  "Hola mundo" ?>
/*
Cualquiera de las dos formas es completamente valida, es cuestion de gustos, aunque es mas recomendable la forma corta por cuestiones de legibilidad
*/

<?php
$titulo = "Mi Página";
?>

<!DOCTYPE html>
<html lang="es">
<head>
   <meta charset="UTF-8">
   <title><?= $titulo ?></title>
</head>
<body>
   <h2>Bienvenidos a <?= $titulo ?>!</h2>
   <p>Esta es una página HTML generada por PHP.</p>
</body>
</html>

Existen 2 formas de imprimir codigo php en el html

****Forma 1****

1. Creamos nuestro archivo php y luego iniciamos nuestras etiquetas de html, dentro esta podemos inicializar la php con <?php?> y  entro de este poner nuestro echo y imprimir lo que queramos

```php
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <?php 
			echo "<h2>hola mundo</h2>"
		?>
</body>
</html>

<?php
$saludo="hola soy una variable";
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
	<h4>a mira esto una variable "<?= $saludo ?>"</h4>
</body>
</html>

    "p": {
        "prefix": "<p",
        "body": ["<?= $0 ?>"],
        "description": "short PHP tag"
    },

    "ph": {
        "prefix": "<ph",
        "body": ["<?php $0 ?>"],
        "description": "open and close PHP tag"
    },

    "php": {
        "prefix": "php",
        "body": ["<?php", "","$0"],
        "description": "PHP opening tag"
    },

/*
Con el clasico echo, se requiere apertura y cierre de etiquetas PHP y uso de ;
*/
<?php echo "hola mundo" ; ?>

/*
Una forma alternativa mas corta y amigable, no requiere colocar ; al final
*/
<?=  "Hola mundo" ?>
/*
Cualquiera de las dos formas es completamente valida, es cuestion de gustos, aunque es mas recomendable la forma corta por cuestiones de legibilidad
*/

Imprime texto y etiquetas HTML

Introducción

¿Cómo se renderiza una página web en mi computadora?

Levantando un servidor local

¿Cómo combinar HTML con PHP?

PHP como preprocesador de HTML

Imprime texto y etiquetas HTML

Condicionales

Ciclos

¿Cómo pasar variables de PHP a JavaScript?

Evita el código espagueti

Refactorizando código espagueti

Manejo de formularios

Cómo obtener una solicitud al servidor con PHP

Envío de un formulario a través de GET

Envío de un formulario a través de POST

Envío de imágenes

Guardando imágenes en el servidor

Tipos de inputs

Otros tipos de inputs

Valida si un formulario ha sido enviado

Sanitizando datos de mi formulario

Validando datos

Proyecto: formulario de contacto

Creando el maquetado

Haciendo la lógica de recepción del formulario

Integrando PHPMailer

Implementando el servidor de correos de Gmail

Conclusión

Es tu turno de poner todo en práctica