TD/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 :
