search
CursosEmpresasBlogLiveConfPrecios
Curso de PHP: Integración con HTML

Imprime texto y etiquetas HTML

Curso de PHP: Integración con HTML

Contenido del curso

Introducción

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

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

    08:20 min
  • 2
    Levantando un servidor local

    Levantando un servidor local

    09:59 min

¿Cómo combinar HTML con PHP?

  • 3
    PHP como preprocesador de HTML

    PHP como preprocesador de HTML

    08:43 min
  • 4
    Imprime texto y etiquetas HTML

    Imprime texto y etiquetas HTML

    Viendo ahora
  • 5
    Condicionales

    Condicionales

    11:43 min
  • 6
    Ciclos

    Ciclos

    09:41 min
  • 7
    ¿Cómo pasar variables de PHP a JavaScript?

    ¿Cómo pasar variables de PHP a JavaScript?

    16:26 min
  • 8
    Evita el código espagueti

    Evita el código espagueti

    08:58 min
  • 9
    Refactorizando código espagueti

    Refactorizando código espagueti

    18:19 min

Manejo de formularios

  • 10
    Cómo obtener una solicitud al servidor con PHP

    Cómo obtener una solicitud al servidor con PHP

    08:01 min
  • 11
    Envío de un formulario a través de GET

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

    12:13 min
  • 12
    Envío de un formulario a través de POST

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

    07:38 min
  • 13
    Envío de imágenes

    Envío de imágenes

    09:02 min
  • 14
    Guardando imágenes en el servidor

    Guardando imágenes en el servidor

    07:56 min
  • 15
    Tipos de inputs

    Tipos de inputs

    15:29 min
  • 16
    Otros tipos de inputs

    Otros tipos de inputs

    07:14 min
  • 17
    Valida si un formulario ha sido enviado

    Valida si un formulario ha sido enviado

    11:21 min
  • 18
    Sanitizando datos de mi formulario

    Sanitizando datos de mi formulario

    15:05 min
  • 19
    Validando datos

    Validando datos

    07:59 min

Proyecto: formulario de contacto

  • 20
    Creando el maquetado

    Creando el maquetado

    13:03 min
  • 21
    Haciendo la lógica de recepción del formulario

    Haciendo la lógica de recepción del formulario

    12:02 min
  • 22
    Integrando PHPMailer

    Integrando PHPMailer

    20:36 min
  • 23
    Implementando el servidor de correos de Gmail

    Implementando el servidor de correos de Gmail

    07:40 min

Conclusión

  • 24
    Es tu turno de poner todo en práctica

    Es tu turno de poner todo en práctica

    01:50 min
Tomar examen

Imprime texto y etiquetas HTML

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

Comentarios16

Gonzalo Giampaolo

Gonzalo Giampaolo

Estudiante
Hace 4 años
    Joel Dominguez Merino

    Joel Dominguez Merino

    Estudiante
    Hace 4 años
    Antoni Bassols Lopez

    Antoni Bassols Lopez

    Estudiante
    Hace 4 años
Guadalupe Monge Barale

Guadalupe Monge Barale

Estudiante
Hace 4 años
    Henry

    Henry

    Estudiante
    Hace 4 años
    Guadalupe Monge Barale

    Guadalupe Monge Barale

    Estudiante
    Hace 4 años
Jorge Zerpa

Jorge Zerpa

Estudiante
Hace 4 años
    Joel Dominguez Merino

    Joel Dominguez Merino

    Estudiante
    Hace 4 años
    Jossie Steeven Quintero Giron

    Jossie Steeven Quintero Giron

    Estudiante
    Hace 4 años
Guadalupe Monge Barale

Guadalupe Monge Barale

Estudiante
Hace 4 años
    Eduer Pallares Jiménez

    Eduer Pallares Jiménez

    Estudiante
    Hace 4 años
Josué Eduardo Apén Bal

Josué Eduardo Apén Bal

Estudiante
Hace 3 años
LESTHER XITUMUL MANUEL

LESTHER XITUMUL MANUEL

Estudiante
Hace 3 años
Sebastián Caraballo Marzola

Sebastián Caraballo Marzola

Estudiante
Hace 3 años
Joel Dominguez Merino

Joel Dominguez Merino

Estudiante
Hace 4 años
Mariana Gil

Mariana Gil

Estudiante
Hace un año
Diego Andrés Lopez Rodriguez

Diego Andrés Lopez Rodriguez

Estudiante
Hace 2 años
Jose Alfredo Fiestas Martinez

Jose Alfredo Fiestas Martinez

Estudiante
Hace 3 años
Angelo Osorio

Angelo Osorio

Estudiante
Hace 3 años
Jose Alejandro Pantoja Giraldo

Jose Alejandro Pantoja Giraldo

Estudiante
Hace 3 años
Kenneth Angulo L

Kenneth Angulo L

Estudiante
Hace 4 años
Kenneth Angulo L

Kenneth Angulo L

Estudiante
Hace 4 años
José Luis Luna Rubio

José Luis Luna Rubio

Estudiante
Hace 4 años

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. :)

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

php.png

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

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

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

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

hablo de no incluir "php" en la apertura?

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

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 :)

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 🚀

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

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

Súper! Agrego otro:

Screenshot from 2022-05-17 23-24-07.png

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

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:

  1. 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>"; ?>
  2. 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>
  3. 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); ?>
  4. 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

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>

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

tet.png

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

bien bacan, capo

Saludos comunidad Michis :), buenisimo curso.

vamos bien

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

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" },

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 */