Scribd
Importer
517 vues4 pages

Exercices Pratiques en HTML

Le document présente cinq exercices pour apprendre le langage HTML. Les exercices couvrent la création d'une première page HTML avec titre, liens et listes, la réalisation d'un formulaire et d'un site web avec CV.

Transféré par

Adil Laoufi
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
517 vues4 pages

Exercices Pratiques en HTML

Le document présente cinq exercices pour apprendre le langage HTML. Les exercices couvrent la création d'une première page HTML avec titre, liens et listes, la réalisation d'un formulaire et d'un site web avec CV.

Transféré par

Adil Laoufi
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

TP HTML

Exercice 1 : Votre première page HTML

Ecrivez l'extrait de code HTML qui réalise ce titrage dans un fichier nommé page1.html :

Rajoutez l'extrait de code HTML qui réalise ceci (utilisez les balises <b>, <i>, <u>) :

Rajoutez l'extrait de code HTML qui réalise ce lien vers une autre page : actualite.html (on suppose
pour simplifier que la page actualite.html est dans le même répertoire que la page courante) :

Rajoutez l'extrait de code HTML qui réalise ce lien vers une adresse électronique (dans la pratique,
cela ouvre le client de courrier électronique, en général Thunderbird ou Outlook) :

Rajoutez l'extrait de code HTML qui combine les deux types de liste :
Exercice 2: Composez une page ressemblant à l'image suivante,

Exercice 3 : Un formulaire avec plein de choses !

Ecrivez le code HTML qui affiche le formulaire ci-dessous :


Exercice 4 : Réalisez un mini site comprenant votre CV selon le descriptif suivant:
• Un tableau avec bordure fine qui comportera les informations "standards"
• 4 rubriques, Formation, Expérience professionnelle, Compétences, et Informations
complémentaires (titre en H2 par exemple)
• Pour chaque rubrique un tableau à 2 colonnes et N lignes, chaque ligne
comprend à gauche les années X+1-X dans une liste à puces et la colonne de
droite comporte la description de l'année en question (cf. plus bas!).
• Le tableau sera sans bordure
• Vous pouvez aussi utiliser les attributs
• COLSPAN et ROWSPAN de la balise TABLE pour séparer les
différentes cellules
• WIDTH de la balise TD et de la balise TABLE pour modifier les
tailles respectives de la cellule et du tableau (valeur à donner en % de
l'écran d'affichage)
• Insérez aussi votre photo

Exemple de rendu :
Exercice 5 :
Faites un nouveau document HTML avec des cadres et reprenant le schéma suivant:

• Un cadre gauche qui contiendra un fichier HTML nommé sommaire.htm par exemple.
• Un cadre droite qui contiendra une page d'accueil par défaut selon votre imagination!
Le sommaire devra comporter des liens vers les différentes rubriques du CV qui seront donc
plus détaillées que le simple résumé fait dans le CV. Ces liens seront définis sur le nom de la
rubrique ou sur les années (cf. ci-dessous)
Exemple

Vous aimerez peut-être aussi