SOLUTION EXERCICE HTML ET CSS
SOLUTION DES EXO 1,2,3,4,5ET 6
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>restauran gambi</title>
<h1> souk souk souk souké</h1>
</head>
<body>
<!--exercice 1: creation d'une page simple -->
<p> la restauration est une art de savoir et de faire. elle partage son univers entre l'architecture des gout et des couleur, du design et de la logistique. la restauration nous permet de vivre et de connaitre, d'apprendre sur de multiple culture culinaire, partager nos habitude et s'adapter a celle des autres tout en savourant leurs délices.</p>
<img src="https://monpanierlatin.co.uk/cdn/shop/articles/Capture_d_ecran_2022-05-03_a_13.19.38_1280x.png?v=1651580505">
<br><a href="https://ecrivainblogg.blogspot.com/" target="_blank">ecrivainblogg</a>
<!--exercice 2 creation des liste ordonnées et non ordonnée -->
<h1>les listes</h1>
<h2>Mes livre préférés</h2>
<!-- Liste ordonnée des livres -->
<ol>
<li>trois femme </li>
<li>lièvre au yeux de poule</li>
<li>fable et légende japonaise</li>
<li>sous l'orage</li>
<li> toubib sous l'orage</li>
</ol>
<h2>Mes hobbies</h2>
<!-- Liste non ordonnée des hobbies -->
<ul>
<li>youtube</li>
<li>blogger</li>
<li>xalaflix</li>
</ul>
<!--creation des table de données -->
<h1>table avec des données</h1>
<table>
<caption> tableau de repartition de la population</caption>
<tr>
<th>noms</th>
<th>villes</th>
<th>âges</th>
</tr>
<tr>
<td>celeste</td>
<td>brazzaville</td>
<td>19 ans</td>
</tr>
<tr>
<td>ryche</td>
<td>point noire</td>
<td>17 ans</td>
</tr>
<tr>
<td>marie</td>
<td>abidjan</td>
<td>30 ans</td>
</tr>
</table>
<!-- exercice 5: formulaire de contact-->
<h1>formulaire</h1>
Nom<input type="text" name="example">
<br>
<br>
prénom<input type="text" name="prénom">
<br>
<br>
email<input type="email" name="email">
<br>
<br>
<textarea>Message</textarea>
<button>envoyé</button>
<!--exercice 5: creation de lien avec une image-->
<h1>lien</h1>
<a href="kerclkoumou@gmail.com">e-mail nerhod dream</a>
<h2>image</h2>
<img src="https://www.lingoda.com/blog/wp-content/webp-express/webp-images/uploads/2022/11/French-brasserie-bistro-or-restaurant-whats-the-difference-e1669199603550.jpg.webp">
<!-- EXERCICE6: STRUCTURATION D'UNE PAGE-->
<header>
<h1>amuse geule et mais</h1>
</header>
<main>
<p>la restauration est une art de savoir et de faire. elle partage son univers entre l'architecture des gout et des couleur, du design et de la logistique. la restauration nous permet de vivre et de connaitre, d'apprendre sur de multiple culture culinaire, partager nos habitude et s'adapter a celle des autres tout en savourant leurs délices</p>
</main>
<footer>
<button>
<a href="nerhoddream.blogspot.com"> 063354670</a>
</button>
<button>
<a href="kerclkoumou@gmail.com">contactez nous</a>
</button>
<ul>
<caption><b>Nous vous proposant</b></caption>
<li>des sav de marque </li>
<li>une grc qualifiée et adaptée</li>
<li>des rrr sur tout vos achat</li>
</ul>
</footer>
<!--exercice 6: stylisation avec des classes-->
</body>
</html>
Aperçu de la solution via sublime texte
No comments:
Post a Comment