Cursos Empresas Blog Live Conf Eventos Precios

0:009:41

Ciclos

Curso de PHP: Integración con HTML

Clase 6 / 24

Ver clases

Ciclos

Curso de PHP: Integración con HTML

Clase 6 de 24

Clase 6 / 24

Ciclos

Curso de PHP: Integración con HTML

Clase 6 / 24

Ver clases

LESTHER XITUMUL MANUEL#4940351

`Ciclo For con PHP y HTML`

El ciclo for se utiliza cuando se conoce de antemano el número de repeticiones que se deben realizar. A continuación se muestra un ejemplo de cómo usar el ciclo for en PHP y HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo For</title>
</head>
<body>
    <?php for ($i = 1; $i <= 5; $i++): ?>
        <p>Iteración número: <?= $i ?></p>
    <?php endfor; ?>
</body>
</html>

En este ejemplo, el ciclo for se ejecuta 5 veces, imprimiendo el número de iteración en cada repetición.

`Ciclo While con PHP y HTML`

El ciclo while se utiliza cuando no se conoce el número exacto de repeticiones y se desea repetir un bloque de código mientras se cumpla una condición. A continuación se muestra un ejemplo de cómo usar el ciclo while en PHP y HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo While</title>
</head>
<body>
    <?php $i = 1; ?>
    <?php while ($i <= 5): ?>
        <p>Iteración número: <?= $i ?></p>
        <?php $i++; ?>
    <?php endwhile; ?>
</body>
</html>

En este ejemplo, el ciclo while se ejecuta mientras la variable $i sea menor o igual a 5, imprimiendo el número de iteración en cada repetición.

`Ciclo Foreach con PHP y HTML`

El ciclo foreach se utiliza para recorrer elementos de un array o una colección de elementos. A continuación se muestra un ejemplo de cómo usar el ciclo foreach en PHP y HTML:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo Foreach</title>
</head>
<body>
    <?php
    $frutas = array("manzana", "pera", "plátano", "naranja");
    foreach ($frutas as $fruta): ?>
        <p><?= $fruta ?></p>
    <?php endforeach; ?>
</body>
</html>

En este ejemplo, el ciclo foreach recorre el array $frutas e imprime cada elemento en una etiqueta <p>.

`Ciclo Do-While con PHP y HTML`

El ciclo do-while es similar al ciclo while, pero se asegura de que el bloque de código se ejecute al menos una vez, antes de verificar la condición para continuar o salir del ciclo. A continuación se muestra un ejemplo de cómo usar el ciclo en PHP y HTML:

Comentarios (22)22 comentarios

Antoni Bassols Lopez

Hace 4 años

Para crear un shortcut utilizando Code Snippets y facilitarnos la escritura de código solo debemos de:

Dentro de Visual Studio Code, con el sistema operativo Windows, pulsamos Ctrl + Shift + P.
En el buscador que se nos ha abierto escribimos: >Configure User Snippets, y le damos a Enter.
Ahora, volvemos a escribir: html, y pulsamos Enter para entrar en el documento html.json y poder crear un snippet que se podrá usar cuando estemos usando código html.
Dentro del documento encontraremos un código comentado con instrucciones, dentro de las llaves { } del documento es dónde podemos crear nuestros propios shortcuts/snippets.

Aquí dejo el código de un snippet que he creado para el ciclo for

"For Loop": {
		"prefix": "for",
		"body": [
			"<?php for ($$i = ${1}; $$i ${2}; $$i${3}): ?>",
			"\t${4}",
			"<?php endfor; ?>"
		],
		"description": "This is a for loop made with php. Made by: Toni B. Lopez."
	}

De esta manera cuando en nuestro archivo .php escribamos for y le demos a Tabulador se nos va a crear toda la estructura de forma automática y con buenas prácticas en el código.

Para aprender como crear la estructura de un snippet de una forma súper sencilla recomiendo ver este vídeo que no dura más de 15 min.

Espero que os haya servido! :)

Ana Maria Barbosa

muchas gracias, crack

Daniel Eduardo Salmerón Alvarado

Buen aporte, gracias

Joel Dominguez Merino

Me esta encantando la facilidad que es implementar todo lo aprendido de PHP en los cursos pasados, con HTML. De verdad es como darle superpoderes a nuestro lenguaje de marcado 🧡 Les comparto mi apunte de la clase .

David Barrios-Urzúa

Se me ocurrió probar escribir PHP que haga una tabla de multiplicar en HTML usando ciclos

El código es:

<!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>Ciclos</title>
</head>

<body>
  <h2>Las tablas de multiplicar:</h2>
  <table>
    <tr>
      <th>X</th>
      <?php for ($i = 1; $i <= 10; $i++) : ?>

        <th><?= $i ?></th>

      <?php endfor; ?>
    </tr>
    <?php for ($j = 1; $j <= 10; $j++) : ?>
      <tr>
        <td><b><?= $j ?></b></td>
        <?php for ($k = 1; $k <= 10; $k++) : ?>
          <td><?= $j *  $k ?></td>
        <?php endfor; ?>
      </tr>
    <?php endfor; ?>
    <table>
</body>

</html>

Y el output es:

Lucas Daniel Ferreyra de Moraiz

Les dejo mi aporte de shortcuts usando Code Snippets para el while y el foreach ;)

"foreach": {
		"prefix": "foreach",
		"body": [
			"<?php foreach ($$array${1} as $$index => $$value): ?>",
			"\t${4}",
			"<?php endforeach; ?>"
		],
		"description": "foreach loop"
	},

	"while": {
		"prefix": "while",
		"body": [
			"<?php while ($$i < ${1}): ?>",
			"\t${4}",
			"<?php endwhile; ?>"
		],
		"description": "while loop"
	},

Jesus Cuadro

Hace 3 años

Muchas gracias

Andrés Felipe Lopez gomez

Hace 5 años

Usando esta sintaxis se me hace muy parecido a blade la plantilla de laravel.

Jossie Steeven Quintero Giron

Guadalupe Monge Barale

¿Cuál es la extensión de VCode?

RAUL GARCIA

Después de ver más clases creo que son snippets

Enmanuel José Rivas Marchan

como podría hacer un ciclo do while integrando PHP con HTML utilizando la sintaxis correcta?

Elizon Frank Carcausto Mamani

Ermilo Joel Dorantes Uc

LESTHER XITUMUL MANUEL

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ciclo Do-While</title>
</head>
<body>
    <?php $i = 1; ?>
    <?php do: ?>
        <p>Iteración número: <?= $i ?></p>
        <?php $i++; ?>
    <?php while ($i <= 5); ?>
</body>
</html>

En este ejemplo, el ciclo do-while se ejecuta al menos una vez, imprimiendo el número de iteración en cada repetición y luego verificando si la condición se cumple para continuar o salir del ciclo.

Carlos Alvarado Martinez

buen aporte

César Luis Amundaray Rodríguez

¡Qué linda esta clase!

Joseph Dakkak

Me dio curiosidad el experimento con el while(true): ya que teniendo en cuenta que el servidor interpreta PHP antes de ser enviado al cliente, entonces ¿por qué se va renderizando infinitamente la salida del texto cualquier cosa? ¿No deberia quedar el server ciclando sin hacer render como tal?

diegogutierrezrazo.95

que extension en visual basic usa el maestro para que el editor le de las sugerencias?

Gabriel Francisco Erazo Merino

Cómo sería el ciclo do-while usando estas etiquetas de PHP dentro de HTML?

Kenneth Angulo L

Dos ejemplos, la segunda no se ve tan bien, no se:

<?php $bar = 0 ?>

<?php do { ?>
    <h5>una forma</h5>
    <?php $bar++; ?>
<?php } while ($bar < 5); ?>

<?php $bar = 0 ?>

<?php do { ?>
    <h5>otra forma</h5>
<?php $bar++;
} while ($bar < 5); ?>

Marvin Esteban Menchú Socop

Como se realizaría la implementación de un do while con la sintaxis

    <?php for($i = 0 ; $i < 10 ; $i++):?>
      <li><?= $i ?></li>
    <?php endfor;?>

HOla, el do-while se puede escribir asi:

<?php do { ?>
    <h5>imprimir texto</h5>
    <?php $bar++; ?>
<?php } while ($bar < 5); ?>

Keyla Valentina Moreno Lozano

como se llama el plugin que autompleta php en html ,uso visual studio code

Erik Alejandro Garcia Duarte

En Visual Studio Code, el plugin que proporciona autocompletado para PHP en HTML se llama "PHP IntelliSense". Este plugin es uno de los muchos plugins disponibles para Visual Studio Code que proporcionan mejoras en la edición de código para diferentes lenguajes y frameworks.

pero el que escriba for each y le aparexca la esctructura como se llama

Bryan Castano

Hace 2 años

Yeap ! It is Working and It makes me Happy <br>

\nCheeeers!!!!

Diego Andrés Lopez Rodriguez

Sergio Olivo Orellana

Mis snnipets para php.

html.json

    "if-else PHP": {
        "prefix": "ifelsephp",
        "body": [
            "<?php if(${1:\\$condition}) : ?>",
            "    ${2:// code if true}",
            "<?php else : ?>",
            "    ${3:// code if false}",
            "<?php endif; ?>"
        ],
        "description": "if-else statement in PHP"
    },
	"foreach PHP": {
        "prefix": "foreachphp",
        "body": [
            "<?php foreach(${1:\\$array} as ${2:\\$item}) : ?>",
            "    ${3:// code}",
            "<?php endforeach; ?>"
        ],
        "description": "foreach loop in PHP"
    },
	"for PHP": {
        "prefix": "forphp",
        "body": [
            "<?php for(${1:\\$i} = 0; ${1:\\$i} < ${2:\\$limit}; ${1:\\$i}++) : ?>",
            "    ${3:// code}",
            "<?php endfor; ?>"
        ],
        "description": "for loop in PHP"
    },
	"switch PHP": {
        "prefix": "switchphp",
        "body": [
            "<?php switch(${1:\\$variable}) {",
            "    case ${2:1}:",
            "        ${3:// code for case 1}",
            "        break;",
            "    case ${4:2}:",
            "        ${5:// code for case 2}",
            "        break;",
            "    default:",
            "        ${6:// code for default case}",
            "}",
            "?>"
        ],
        "description": "switch statement in PHP"
    },
	"try-catch PHP": {
        "prefix": "trycatchphp",
        "body": [
            "<?php",
            "try {",
            "    ${1:// code that may throw an exception}",
            "} catch (${2:Exception} ${3:\\$e}) {",
            "    ${4:// code to handle the exception}",
            "}",
            "?>"
        ],
        "description": "try-catch block in PHP"
    },
	"echo PHP": {
        "prefix": "echophp",
        "body": [
            "<?php echo '${1:string}'; ?>"
        ],
        "description": "echo statement in PHP"
    },
	"comment PHP": {
        "prefix": "commentphp",
        "body": [
            "<?php",
            "// ${1:Comment}",
            "?>"
        ],
        "description": "Single-line comment in PHP"
    },
	"multiline-comment PHP": {
        "prefix": "multilinecommentphp",
        "body": [
            "<?php",
            "/*",
            " * ${1:Multiline",
            " * Comment}",
            " */",
            "?>"
        ],
        "description": "Multiline comment in PHP"
    }

php.json

	"if-else PHP": {
		"prefix": "ifelsephp",
		"body": [
			"if (${1:\\$condition}) {",
			"    ${2:// code if true}",
			"} else {",
			"    ${3:// code if false}",
			"}"
		],
		"description": "if-else statement in PHP"
	},
	"foreach PHP": {
		"prefix": "foreachphp",
		"body": [
				"foreach (${1:\\$array} as ${2:\\$item}) {",
			"    ${3:// code}",
			"}"
		],
		"description": "foreach loop in PHP"
	},
	"for PHP": {
		"prefix": "forphp",
		"body": [
				"for (${1:\\$i} = 0; ${1:\\$i} < ${2:\\$limit}; ${1:\\$i}++) {",
			"    ${3:// code}",
			"}"
		],
		"description": "for loop in PHP"
	},
	"function PHP": {
		"prefix": "functionphp",
		"body": [
				"function ${1:functionName}(${2:\\$arg1}, ${3:\\$arg2}) {",
			"    ${4:// code}",
			"}"
		],
		"description": "PHP function"
	},
	"class PHP": {
		"prefix": "classphp",
		"body": [
			"class ${1:ClassName} {",
			"    ${2:// properties}",
			"",
			"    function __construct(${3:/* args */}) {",
			"        ${4:// constructor code}",
			"    }",
			"",
			"    ${5:// methods}",
			"}"
		],
		"description": "PHP class"
	},
	"switch PHP": {
		"prefix": "switchphp",
		"body": [
				"switch (${1:\\$variable}) {",
			"    case ${2:1}:",
			"        ${3:// code for case 1}",
			"        break;",
			"    case ${4:2}:",
			"        ${5:// code for case 2}",
			"        break;",
			"    default:",
			"        ${6:// code for default case}",
			"}"
		],
		"description": "switch statement in PHP"
	},
	"try-catch PHP": {
		"prefix": "trycatchphp",
		"body": [
			"try {",
			"    ${1:// code that may throw an exception}",
				"} catch (${2:Exception} ${3:\\$e}) {",
			"    ${4:// code to handle the exception}",
			"}"
		],
		"description": "try-catch block in PHP"
	},
	"echo PHP": {
		"prefix": "echophp",
		"body": [
			"echo '${1:string}';"
		],
		"description": "echo statement in PHP"
	},
	"db-connect PHP": {
		"prefix": "dbconnectphp",
		"body": [
			"\\$servername = \"${1:localhost}\";",
			"\\$username = \"${2:username}\";",
			"\\$password = \"${3:password}\";",
			"\\$dbname = \"${4:database}\";",
			"",
			"// Create connection",
			"\\$conn = new mysqli(\\$servername, \\$username, \\$password, \\$dbname);",
			"",
			"// Check connection",
			"if (\\$conn->connect_error) {",
			"    die(\"Connection failed: \" . \\$conn->connect_error);",
			"}",
			"echo \"Connected successfully\";"
		],
		"description": "MySQL database connection in PHP"
	},
	"comment PHP": {
		"prefix": "commentphp",
		"body": [
			"// ${1:Comment}"
		],
		"description": "Single-line comment in PHP"
	},
	"multiline-comment PHP": {
		"prefix": "multilinecommentphp",
		"body": [
			"/*",
			" * ${1:Multiline",
			" * Comment}",
			" */"
		],
		"description": "Multiline comment in PHP"
	}

Luis Alberto Aguilar Muñoz

He trabajado con php desde hace 5 años, nunca a un nivel avanzado ni profesional pero definitivamente conozco el lenguaje, y en todo lo que va del curso estoy aprendiendo cosas nuevas.

César Augusto Cortés Labrada

Si, si me hice esa pregunta señor Retax XD.

He programado ya desde hace 3 años con Javascript y PHP, no a un nivel profesional claro , proyectos pequeños y aun tenia esa duda.

José Luis Luna Rubio

Cualquier tipo de ciclos y estructuras de control, tiene su forma amigable de colocarlo dentro de HTML, eliminando las llaves, llave de apertura por :, y en lugar de terminar con llave, se termina con endNOMBRE_DE_CICLO_CONDICION ; lo cual lo hace mas legible

<?php   while(CONDICION) : ?>
<p>HTML</p>
<?php endwhite ;  ?>

Ciclos

Ciclos

Ciclos

Progreso del curso

Introducción

¿Cómo combinar HTML con PHP?

Manejo de formularios

Proyecto: formulario de contacto

Conclusión

Ciclos

Ciclos

Comentarios

`Ciclo For con PHP y HTML`

`Ciclo While con PHP y HTML`

`Ciclo Foreach con PHP y HTML`

`Ciclo Do-While con PHP y HTML`

Comentarios

`Ciclo For con PHP y HTML`

`Ciclo While con PHP y HTML`

`Ciclo Foreach con PHP y HTML`

`Ciclo Do-While con PHP y HTML`