Le Monde du Cirque¶

Pour cet exercice, vous devrez recréer un mini quiz portant sur Marc Labrèche à l’aide des balises

et

.

Aperçu du résultat 👇

Capture d’écran, le 2024-09-29 à 10 55 07 Capture d’écran, le 2024-10-03 à 11 16 47

Matériel

Images Images.zip

Vidéo Video.zip

Vos tâches¶

Créer la structure de base du document HTML :
- Ajouter les balises <head> et <body>.

Ajouter l’en-tête du site web :
- Insérer une balise <header> avec un titre principal pour le site.
```
Bienvenue dans le Monde du Cirque
```
- Créer la navigation principale :

Ajouter une balise <nav> contenant une liste non ordonnée avec des liens vers différentes sections du site. (Utiliser les id)
```
Histoire du Cirque

Artistes et Performances

Galerie

Contact
```

Ajouter le contenu principal :

Insérer une balise <main> pour le contenu principal.

Ajouter une image avec une balise <img>.

Créer la première section sémantique :

Ajouter une balise <section> et ensuite une balise <h2> pour l’Histoire du cirque.

Inclure plusieurs paragraphes <p> pour décrire l’histoire.

Le cirque a une histoire riche et fascinante qui remonte à des siècles. Les premiers cirques étaient des spectacles itinérants qui combinaient des performances d'acrobates, de jongleurs et d'animaux dressés.

Au 19ème siècle, le cirque moderne a commencé à prendre forme avec l'introduction de la tente de cirque et des numéros de clowns. Les spectacles sont devenus plus élaborés et ont attiré un public de plus en plus large.

Au 20ème siècle, le cirque a continué d'évoluer avec l'apparition de nouvelles disciplines comme le trapèze volant et les numéros de haute voltige. Aujourd'hui, le cirque est un art reconnu et apprécié dans le monde entier.

Ajouter un paragraphe : mettre en gras le texte Origine et l'emphase sur évolution.
```
Origines et évolution du cirque à travers le temps.
```
Insérer une citation avec une balise 
.

"Le cirque est le seul endroit où l'on peut voir des miracles." - Anonyme

* [ ] Ajouter une liste non ordonnée et une liste ordonnée.

 Les premiers cirques

Le cirque moderne

Évolution au 19ème siècle

Évolution au 20ème siècle

* [ ] Créer la deuxième section sémantique <section> :

Ajouter une balise <h2> pour les Artistes et Performances.

Insérer un tableau <table> avec un titre, des en-têtes <thead>, des lignes <tr>, des cellules <td>, et des cellules fusionnées avec colspan et rowspan.

Artistes de Cirque Célèbres

Nom  -  Spécialité  -   Époque

Jules Léotard  -    Trapéziste  -   19ème siècle

Les Frères Ringling   -     20ème siècle

 P.T. Barnum   -    Impresario   -      19ème siècle

James A. Bailey                     19ème siècle

Ajouter une image avec une balise <figure> et une légende <figcaption>.
```
      Un spectacle de cirque en action
```
Insérer un élément audio avec une balise <iframe>

Note

Soundcloud - Clouds

Insérer une vidéo avec une balise <video>.

Ajouter un formulaire de contact avec une balise <form> et des champs de saisie <input>. N'oublier pas vos id et name (name, ville et pays)

Ajouter la section Galerie :

Ajouter une balise <section> pour la galerie.

Ajouter un titre <h2> Galerie.

Insérer plusieurs images avec des balises <img> avec une largeur de 200px.

Ajouter la section Contact :

Ajouter une balise <section> pour le contact.
Ajouter un titre avec une balise <h2> Contact.
Ajouter une <form> avec des balises <input>, vos id et name sont name, message et date.
La section message doit avoir 30 colonnes et 10 rangées.

Inclure un paragraphe <p> pour les informations de contact.

Pour toute question ou réservation, veuillez nous contacter via le formulaire ci-dessus.

Ajouter le pied de page :

Assembler le tout :

Combiner toutes les sections dans la balise <body> pour former la structure complète du site web.