Autor Tema: PHP mostrar código HTML usando echo con comillas dobles o simples CU00816B#  (Leído 6005 veces)

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 382
    • Ver Perfil
Buenas, dejo mi solución para el ejercicio CU00816B del tutorial pdf de programación php de aprenderaprogramar.

Ejercicio1
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head> <meta charset="utf-8"/> </head>
<body>
<div style="border:1px solid black; margin:auto;">
<h1>Cursos aprenderaprogramar.com</h1>
<h2>Curso php desde cero</h1>
    </div>

<?php
echo "<div style=\"border:1px solid black; background-color:yellow;\">
Curso php de aprenderaprogramar.com usando la instrucción echo
 </div>"
;
echo "<div style=\"background-color:grey;\">Este es el pie de página";
?>

     
</body>
</html>

Direccion: http://aprlorenzo31.byethost18.com/curso3.php


Ejercicio2
Código: [Seleccionar]
<?php
echo 
"<!DOCTYPE html>";
echo "<html>";
echo "<head>";
echo "<title>Ejercicio816</title> <meta charset = \"utf-8\"/> </head>";
echo "<body>";
echo "<h1>Ejercicio 816 Curso PHP de AprenderAprogramar.com</h1>";
echo "<p>Crea un archivo php donde no exista html directamente pero que genere una página web con todo el código html que 
lleva normalmente (introduce las etiquetas html, head, title, meta charset, body, algunos párrafos de texto y algunas imágenes).<p>
<p>
Para hacer esto toda la estructura de la página web debe ser insertada a través de instrucciones echo. Responde a esta pregunta: 
¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto? </p>"
;
echo "<img src=\"http://ttp.cat/wp-content/uploads/2015/10/Cat%C3%A0leg-espectacles-per-a-escolars-banner.png\" title=\"imagen de escuela\">";
echo "<img src=\"http://www.laboralrisk.com/net/Imagenes/politica-de-privacidad.jpg\" alt=\"imagen seguridad\" title=\"imagen de seguridad\">";
echo "</body>";
echo "</html>";
?>


Direccion: http://aprlorenzo31.byethost18.com/curso3SegundaParte.php
« última modificación: 04 de Marzo 2019, 18:22 de Ogramar »

César Krall

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2225
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
Hola! Todo bien!

Para el ejercicio 1 si quieres ahorrarte los caracteres de escape puedes usar alternativamente comillas dobles " y comillas simples ', php al igual que JavaScript permite ambos tipos de comillas

Aplicación práctica: echo "<div style=\"border:1px solid black; background-color:yellow;\"> donde se usan caracteres de escape

Se puede escribir:

echo '<div style="border:1px solid black; background-color:yellow;">
Curso php de aprenderaprogramar.com usando la instrucción echo
</div>';

Ya no usa secuencias de escape sino desambiguación gracias a comillas dobles y simples

También creo que se puede hacer al revés:

echo "<div style='border:1px solid black; background-color:yellow;'>
Curso php de aprenderaprogramar.com usando la instrucción echo
</div>";

Para el ejercicio 2 si quieres ahorrarte escribir muchos echo puedes escribir todo el código html dentro de un solo echo, no hace falta que separes por líneas.

Saludos!
Responsable de departamento de producción aprenderaprogramar.com

Lorenzo31

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 382
    • Ver Perfil
Joder César, eres único, mil gracias.

Vamos que con ' simple dentro del echo, no me hace falta el maldito \" cuando haces el style "...";

Y lo otro, lo intuía pero para empezar a programar he lanzado echo por cada etiqueta importante, por organizarme.

Me apunto a boligrafo lo de la comilla simple.

Gracias.
« última modificación: 15 de Febrero 2016, 23:08 de Lorenzo31 »

 

Esto es un laboratorio de ideas...
Aprender a programar

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".