Exercice : Affichage
Exercice 0
Toujours sur votre repository public bre04-php-j1
Créez un dossier affichage dans le dossier bre04-php-j1
Exercice 1 : affichage de variables
index.php
<?php
$title = "Le titre de ma page";
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Exercice 1</title>
</head>
<body>
<h1>
</h1>
</body>
</html>
Faites en sorte d'afficher le contenu de $title dans la balise <h1>.
- Correction
Exercice 2 : afficher avec une condition
index.php
<?php
$connectedUser = false;
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Exercice 2</title>
</head>
<body>
<header>
<nav>
<a href="#">Connexion</a>
<a href="#">Déconnexion</a>
</nav>
</header>
</body>
</html>
Faites en sorte de créer une condition d'affichage :
- Correction
Exercice 3 : afficher avec une boucle
index.php
<?php
$users = [
[
"firstName" => "Bugs",
"lastName" => "Bunny"
],
[
"firstName" => "Roger",
"lastName" => "Rabbit"
]
];
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Exercice 3</title>
</head>
<body>
<h1>
Liste des utilisateurs
</h1>
<ul>
</ul>
</body>
</html>
Faites en sorte d'afficher, pour chacun des utilisateurs un <li> contenant son nom et prénom dans le <ul>.
- Correction
Exercice 4 : afficher avec boucle et conditions
index.php
<?php
$users = [
[
"firstName" => "Bugs",
"lastName" => "Bunny",
"age" => 29
],
[
"firstName" => "Roger",
"lastName" => "Rabbit",
"age" => 17
]
];
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Exercice 4</title>
</head>
<body>
<h1>
Liste des utilisateurs
</h1>
<ul>
</ul>
</body>
</html>
Faites en sorte d'afficher, pour chacun des utilisateurs un <li> contenant son nom et prénom et s'il est majeur ou mineur dans le <ul>.
- Correction
Exercice 5 : afficher tableaux imbriqués
index.php
<?php
$grades = [
"french" => [12, 9, 13],
"english" => [18, 12, 11],
"maths" => [15, 11, 13]
];
?>
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Exercice 5</title>
</head>
<body>
<h1>
Liste des notes
</h1>
<ul>
</ul>
</body>
</html>
Faites en sortes d'afficher, pour chacune des matières, le nom de la matière et la liste des notes dans le <ul>.
- Correction
02 June 2025