TP 2 

: Les balises HTML

Objectifs du TP
Maîtriser les balises Frameset, manipuler différents types de balises, être capable de découper
d’une manière organisée la fenêtre principale en sous partie, et distribuer le contenu sur ces
derniers ;. Environnement de travail : On va utiliser un éditeur simple tel que : Visual
studio ,dreamweaver, bloc note… Notepad 3
Etapes du travail
1. Créer un répertoire de travail
2. Créer un document html en utilisant l'éditeur. Visualiser ce document à l'aide d'un navigateur
3. Utiliser la touche Actualiser du navigateur pour faire apparaître les modifications.

• Utiliser les balises Frameset

• Exercice 1 :
Donner le code HTML qui correspond à la figure suivante :
Travail demandé :
• Il s’agit d’élaborer un cv en ligne, dans lequel vous mettez toutes les informations qui
concerne votre profile en tant qu’étudiant. (éléments au choix). Votre cv contiendra
des liens vers d’autres pages web.
• Insérez un paragraphe dans lequel mettez l’essentiel de votre profile.
• Dans la partie « About me » vous insérez des images « logo » de votre profile
« facebook » « twitter » et « Instagram ».
• A l’aide de la balise appropriée, vous ajouter une image en miniature vers votre image
réelle comme le montre la figure ci-dessous.
• En utilisant la balise « marquee » vous ajoutez un mot de bien venu en tant qu’une
phrase qui défile.
• Utilisez les balises structurantes (hedaer, footer, section, nav ….) afin de mieux
structurer votre cv.
• Exercice 2 :
Dans cet exercice on va apprendre à utiliser les balises FRAMESET pour mieux diviser
la fenêtre. Supposons que notre cv est formé de plusieurs autres pages web. Nous
souhaitons alors les afficher dans les différentes zones (ou cadres) de notre page
principale.
La page web du cv donnera l’aperçu suivant :