Scribd
Importer
12 vues4 pages

TP HTML : Création de pages et formulaires

Le document présente un TP HTML avec plusieurs exercices pratiques. Les exercices incluent la création d'une page HTML, l'ajout de styles, de liens, de listes, d'un formulaire, d'un CV structuré, et l'utilisation de cadres. Chaque exercice demande des éléments spécifiques à intégrer dans le code HTML pour développer des compétences en création de pages web.

Transféré par

Ousmane Barra
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
12 vues4 pages

TP HTML : Création de pages et formulaires

Le document présente un TP HTML avec plusieurs exercices pratiques. Les exercices incluent la création d'une page HTML, l'ajout de styles, de liens, de listes, d'un formulaire, d'un CV structuré, et l'utilisation de cadres. Chaque exercice demande des éléments spécifiques à intégrer dans le code HTML pour développer des compétences en création de pages web.

Transféré par

Ousmane Barra
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é [Link] :

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 : [Link] (on suppose
pour simplifier que la page [Link] 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é [Link] 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