0% ont trouvé ce document utile (0 vote)
15 vues2 pages

Mini site CV en HTML : TP pratique

Le document décrit des travaux pratiques en HTML, notamment la création d'un mini site pour un CV. Il inclut des instructions pour structurer le contenu en tableaux, avec des rubriques spécifiques et des attributs HTML à utiliser. Des exemples de rendu et des exigences pour les travaux suivants sont également mentionnés.

Transféré par

imanelfadili765
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 DOCX, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
15 vues2 pages

Mini site CV en HTML : TP pratique

Le document décrit des travaux pratiques en HTML, notamment la création d'un mini site pour un CV. Il inclut des instructions pour structurer le contenu en tableaux, avec des rubriques spécifiques et des attributs HTML à utiliser. Des exemples de rendu et des exigences pour les travaux suivants sont également mentionnés.

Transféré par

imanelfadili765
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 DOCX, PDF, TXT ou lisez en ligne sur Scribd

TRAVAUX PRATIQUES HTML

TP n°5 :
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 :
TP n°6 :
Créer un document HTML contenant les éléments suivants :

TP n°7 :
Créer la page suivante en utilisant les balises sémantiques de HTML5 :

Vous aimerez peut-être aussi