Vous êtes sur la page 1sur 2

TP 1 HTML

Exercice 1 : Affichage de document HTML


1. Ouvrez le bloc-note, copiez-y le document suivant :

<html>
<head>
<title> mon premier document </title>
</head>
<body>
Il fait <b> beau </b>. Mais qu'est-ce que
le beau temps s'il n'y a pas eu la <b> pluie </b>
auparavant ?
</body>
</html>

2. Enregistrez le fichier sous le nom « test.html »


3. A l’aide d’un navigateur, ouvrez le fichier que vous venez d’écrire

Exercice 2 : Premier document HTML


Réalisez un fichier html qui aura cette apparence :

Bonjour, bonne année 2019, bonne santé et surtout : Meilleurs vœux !

Donnez pour titre à ce fichier ‘bonne année’. Enregistrez ce fichier et visualisez-le dans votre
navigateur.

Exercice 3 : Plus compliqué

Réalisez un fichier HTML qui aura l’apparence suivante :

Exercice 4 :

1
Mouna essoufiani
On considère le texte suivant :

Le navigateur internet Firefox se tourne vers la Chine SHANGHAI (Reuters) - Mozilla, qui
distribue et développe Firefox, l'alternative la plus populaire au navigateur Internet Explorer
de Microsoft, ouvre un bureau en Chine pour livrer bataille sur le deuxième marché mondial
de l'internet.

Le successeur de Netscape est déjà présent sur le marché chinois via sa fondation à but non
lucratif qui promeut des projets de logiciels libres, mais le bureau de Pékin sera
réellement une première pour l'entreprise, a déclaré vendredi le directeur
d'exploitation de Mozilla, John Lilly.

Un logiciel libre peut être copié et modifié par ses utilisateurs, permettant à des
développeurs de gagner de l'argent en vendant des outils ou une assistance technique,
contrairement aux logiciels protégés comme le système d'exploitation Windows de
Microsoft.

Les cibles de Mozilla, qui a signé des accords avec Google et Yahoo, sont les
particuliers, alors que les distributeurs de Linux, Red Hat et plus récemment
Oracle, visent les
professionnels.

• Appliquer un style de titre au titre général, et ajouter un titre de niveau moindre à chaque
paragraphe

• Créer les paragraphes (justifiés) avec des balises <p>

• Mettre chaque nom de produit en police Courier et en vert

• Mettre chaque nom de compagnie en italique et en marron

• Ajouter à sa fin la date courante, dans un paragraphe aligné à droite

Exercice 5 :

On considère la structure de répertoire suivante :

Créer les répertoires et, pour chaque fichier .html, une liste non ordonnée de liens
relatifs vers chacun des autres fichiers.

2
Mouna essoufiani

Vous aimerez peut-être aussi