TP HTML
Exercice 1
- 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 (ou celle définie par
ce lien ... ! Lien H / Lien
F)
Ex.
Exercice 2
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)
Ex.
Exercice 3
Utilisez les balises META vues en cours concernant la langue et les
caractères utilisés.
Codage de la langue de la page: meta http-equiv="content-language"
content="XXX" avec XXX code de la langue (fr: français, en-gb:
anglais britannique, en-us: anglais américain)
Codage des caractères accentués: meta
http-equiv="content-type" content="text/html ; charset=iso-8859-1"
Vous pouvez tester la table suivante: "euc-jp".
Exercice 4
Composez une page ressemblant à l'image suivante,
