Atelier Programmation web et multimédia 1 ksibi jinen
TP N°1
EXERCICE 1 :
Vous allez créer une page, appelée [Link], qui fera apparaître plusieurs mises en
forme de paragraphes et de titres.
La page comprendra 3 parties. Il est conseillé d’aller vérifier dans le navigateur votre travail
entre chaque partie. Pour cela, enregistrez votre fichier avec le bloc-notes et réactualisez la
page dans le navigateur.
Description de la page à créer :
Le fond de la page sera bleu et le texte blanc.
Le titre de la page sera :
Mise en forme de base
1ère partie :
Un titre de niveau 1 centré :
PREMIERE PARTIE
Un paragraphe avec le texte suivant en rouge :
Je suis le premier paragraphe, je suis rouge…
Une ligne séparatrice de taille 2 et de couleur rouge
2ème partie :
Un titre de niveau 2 centré :
DEUXIEME PARTIE
Un paragraphe centré constitué des 3 lignes suivantes avec le texte jaune et de taille 5 :
Je suis le 2ème paragraphe au centre en taille 5 et en jaune
Une ligne séparatrice de taille 7, de 300 pixels de longueur et de couleur noire
3ème partie :
Un titre de niveau 3 centré :
TROISIEME PARTIE
Un paragraphe, à droite comprenant le texte suivant en taille 7 et la police Arial :
Je suis le dernier paragraphe, je suis en taille 7 avec la police Arial et à droite…
Atelier Programmation web et multimédia 1 ksibi jinen
EXERCICE 2 :
Créer une page web « [Link] » dont le contenu est le suivant :
EXERCICE 3 :
Taper le code Html suivant :
<HTML>
<HEAD>
<TITLE>Séparateurs</TITLE>
</HEAD>
<BODY>
Plaçons quelques séparateurs
<BR><BR>
Séparateur par défaut (largeur 100% et centré) <BR>
<HR>
<BR>
Largeur du séparateur : 300 pixels <BR>
<HR width=300> <BR>
Largeur du séparateur : 50% de la largeur de l'écran <BR>
<HR width="50%"> <BR>
Taille du séparateur : 10 pixels <BR>
<HR size=10> <BR>
Couleur du séparateur : rouge et la largeur est de 30% <BR>
<HR color="#FF0000" width="30%"> <BR>
Séparateur aligné à droite d'une largeur de 30 pixels <BR>
<HR align="right" width=30> <BR>
Séparateur aligné à gauche d'une largeur de 50 pixels en bleu <BR>
<HR align="left" width=50 color="#0000FF"> <BR>
</BODY> </HTML>
Atelier Programmation web et multimédia 1 ksibi jinen
Atelier Programmation web et multimédia 1 ksibi jinen
<html>
<head>
<title>mise en forme de base</title>
</head>
<body bgcolor="#0000ff" text="#ffffff">
<center ><h1>PREMIERE PARTIE</h1></center>
<p>
<font color="#ff0000">
je suis le premier paragraphe, je suis rouge
</font>
<hr size="2" color="#ff0000">
<center><h2>DEUXIEME PARTIE</h2></center>
<p align="center">
<font color="#ffff00" size="5">
<i>je suis le 2emeparagraphe</i><br>
<b> au center</b><br>
<u> en taille 5 et en jaune</u>
</font>
<hr size="7" width="300" color="#000000">
<center><h3>TROISIEME PARTIE</h3></center>
<p align="right">
<font face="arial" size="7">
Atelier Programmation web et multimédia 1 ksibi jinen
je suis le dernier paragraphe, je suis en
taille7 avec la police Arial et à droite…
</font>
</body>
</html>
<html>
<head>
<title>mise en forme de base</title>
Atelier Programmation web et multimédia 1
</head> ksibi jinen
<body bgcolor="#0000ff" text="#ffffff">
<center ><h1>PREMIERE PARTIE</h1></center>
<p>
<font color="#ff0000">
je suis le premier paragraphe, je suis rouge
</font>
<hr size="2" color="#ff0000">
<center><h2>DEUXIEME PARTIE</h2></center>
<p align="center">
<font color="#ffff00" size="5">
<i>je suis le 2emeparagraphe</i><br>
<b> au center</b><br> *
<u> en taille 5 et en jaune</u>
</font>
<hr size="7" width="300" color="#000000">
<center><h3>TROISIEME PARTIE</h3></center>
<p align="right">
<font face="arial" size="7">
je suis le dernier paragraphe, je suis en
taille7 avec la police Arial et à droite…
</font>
</body>
</html>