CORRIGES

CONTROLE DES CONNAISSANCES

1-Permet de gérer la mise en forme d’une page web.

2-<span>et<div>.

3-<class>et<id>

4-<span>;<strong>; <em>.

5-<div>;< p> ;< h1>

6-Facilité de modification et de mise à jour

7-Bonne mise en forme d’une page web.

EXERCICE I:

1. <header>: permet d’insérer l’entête de la page;

<footer>: permet d’insérer un pied-de-page.

2. URL=Uniform Ressource Locator (c’est l’adresse d’un site web)

3. c)

4. -html ne s’occupe pas de la mise en forme d’une page;

-il ne crée pas des pages interactives.

5. Colore les paragraphes, les sous-titres de 3^ème niveau en bleu et les met également en italique.

6. CSS 1; CSS 2; CSS 3;

EXERCICE II

1.b; 2.e; 3.a; 4.c; 5.d

EXERCICE III:

Code HTML:

<!DOCTYPE html>

<html>

<head>

<title> Correction</title>

</head>

<body>

<h1>Ma première leçon de programmation</h1>

<h2>Le langage HTML</h2>

<p > Le HTML est un langage qui permet de présenter des informations sur Internet et dont le rôle est de<br/> formaliser l'écriture d'un document avec des balises de formatage. Les balises

pemettent d'indiquer la<br/> façon dont doit être présenté le document et les liens qu'il établit avec d'autres documents.HTML a été<br/> inventé en1991 par un scientifique nommé

<b>Tim Berners-Lee.</b></p>

<p>Lorsqu’on regarde une page sur internet, ce qu’on voit est<i> l’interprétation par le

navigateur</i>du code <br/> HTML. </p>

<h2>Le langage CSS</h2>

<p> Pour améliorer la présentation d’un site Web, on utilise les feuilles de style en cascade (CSS) en an-<br/>glais Cascade Style sheets. Le CSS est un langage qui vient compléter le html pour permettre de<br/> mettre en forme la <a href= « #»>page web</a>. Il existe plusieurs versions : CSS1, CSS2 et CSS3.</p>

<p>copyright <br/>

Yaoundé le 1er Juin 2018 </p>

</div>

</body>

</html>

NB:Ajouter dans l’entête la ligne:

<link rel="stylesheet" href="style.css" />

qui indique que ce fichier HTML va être associé à un fichier appelé style.css qui va gérer sa mise en forme.

Code CSS:(A enregistrer dans le fichier style.css)

#bloc_page

{

width: 630px;

border: 1px solid black;

}

{

margin: 10px; /* Marge extérieure de 50px */

padding: 5px; /* Marge intérieure de 12px */

text-transform: uppercase;

width: 600px;

border: 1px solid black;

color : red ;

font-style: impact,arial,times new roman, serif;

font-size: 1.5em;

}

h2{

color: red;}

#pied_de_page

{border: 1px solid black;

border-radius: 10px;

background-color: grey; /* Le fond de la page sera gris */

color: red; /* Le texte de la page sera rouge */

text-align:center;

height: 60px;