Scribd
Importer
11 vues4 pages

Atelier HTML : Création de Tableaux

Le document présente un atelier HTML avec des exercices sur la création et la mise en forme de tableaux. Il inclut des instructions pour créer une page Web, appliquer des styles et ajouter des éléments comme des liens et des tableaux. Des exemples de code HTML sont également fournis pour illustrer les résultats attendus.

Transféré par

azizbouassida979
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
11 vues4 pages

Atelier HTML : Création de Tableaux

Le document présente un atelier HTML avec des exercices sur la création et la mise en forme de tableaux. Il inclut des instructions pour créer une page Web, appliquer des styles et ajouter des éléments comme des liens et des tableaux. Des exemples de code HTML sont également fournis pour illustrer les résultats attendus.

Transféré par

azizbouassida979
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Atelier HTML

TP HTML : Les Tableaux

Exercice 1:
• Créez une page Web nommée [Link], et mettez comme "title" : Mise en forme de
tableaux.
• Appliquez la balise <H1> sur le texte "Création et Mise en forme des tableaux"
• Changer les propriétés de la page comme suit : couleur de fond : #F7F9FA, couleur du
lien : #FFC300, Couleur quand on passe le curseur sur le lien : #FF5733 et couleur des
liens visités : #C70039
• Ajouter les puces suivantes :
▪ Exercice 2
▪ Exercice 3
▪ Exercice 4
▪ Pied de page

Mettez le code de cet exercice (2) dans la division <div id= "ex2">…….</div>

Figure 1 : Résultat sur le navigateur

Ecrire le code HTML permettant d’avoir le résultat ci-dessous.

Mettez le code de cet exercice dans la division <div id= "ex3">…….</div>

Exercice 3 : LE DRAGON

Chouchane M.H Page 1


Atelier HTML

FIG. 2 – Le résultat

Mettez le code de cet exercice dans la division <div id= "ex4">…….</div>

Chouchane M.H Page 2


Atelier HTML

NB : Ecrivez uniquement le code les balises <table> et </table>

Les liens définis sont les suivants : Netscape Communicator 4.5 :


[Link]

Internet Explorer 6 : [Link]

Opera : [Link] Konqueror : [Link]

Et :

Chouchane M.H Page 3


Atelier HTML

Topstyle : [Link]

Ace HTML : [Link]

UltraEdit : [Link]

Bluefish : [Link]

Evrsoft 1st Page 2000 : [Link]

Exercise 5:
Ajouter le tableau (1 ligne, 1 colonne) suivant en bas de page :

Foulen ben Foulen © ISET SOUSSE 2018


Créez des ancres qui vous renvoient vers les parties adéquates (exemple : quand on clique sur
Exercice3 le curseur se déplace sur le tableau du Dragon…)

Chouchane M.H Page 4

Vous aimerez peut-être aussi