Exercice SNT Défi

Balises utilisées dans ce défi Web

Balises à compléter/modifier dans l'en-tête <head>

<title></title>
<link rel="icon" href="" type="image/x-icon" />

————————————————–

Balises à ajouter et à modifier/compléter dans le corps de la page <body>

———————TITRES———————–

<h2></h2>
<h3></h3>

———————TEXTES———————–

Saut de ligne:

 <br>

Paragraphe:

<p></p>

Mise en évidence:

<em></em>
<strong></strong>

Liste à puces:

<ul></ul>
<ol></ol>
<li></li>

Lien Hypertexte

<a href="" title=""></a>

———————MEDIAS———————–

<img src="" alt="" />

Propriétés utilisée pour cette balise: width height border

<video controls src=""></video>

Propriétés utilisée pour cette balise: width height border

<audio controls src=""></audio>

Propriétés utilisée pour cette balise: width border

—-le texte à insérer est ci-dessous—————————————-

Le défi consiste a créer la même page que celle que vous avez sous les yeux. Les textes et les différentes insertions vous seront fournies.

Pour insérer un paragraphe il faudra utiliser la balise p.

Insérer une image

Pour insérer une image il faudra utiliser la balise img. En voici un exemple :

Le lycée Jacques Ruffié Insérer une vidéo Pour insérer une vidéo il faudra utiliser la balise vidéo. En voici un exemple :

Insérer un fichier audio Pour insérer un fichier audio il faudra utiliser la balise audio. En voici un exemple :

Autres éléments

Insérer une liste à puces Pour insérer une liste à puces non ordonnée.

On va utiliser la balise ul Et les balises li

Pour insérer une liste à puces ordonnée.

On va utiliser la balise ol Et les balises li

Insérer un lien hypertexte Pour insérer un lien hupertexte on utisera la balise a. En voici un exemple

Mettre du texte en évidence La balise em permet de mettre du texte en italique, quant à la balise strong, elle permet de le mettre en gras.