Ce premier TP demande comme pré-requis :
  • les balises html5 du texte
  • les balises html5 des titres
  • Les tableaux
  • Les images

HTML5 : TP1

Exercice 1 :

Donner le code html de la page qui a l’appercu final suivant :

HTML5 TP1 - Exercice1
HTML5 TP1 - Exercice1

Pour les bordures, vous pouvez utiliser un attribut style ( existe pour toutes les balises html) et définir la bordure comme suit :

style=border: 2px solid green;

c’est à dire , on définit une bordure de deux pixels, sous format d’une ligne solide en vert.

Bien sûr, vous pouvez sauter cette partie si vous voulez, car dans ce TP, on s’intèresse plus aux balises html5 (mais c’est pas grave si on ajoute quelques styles)

Exercice 2 : 

Proposer un code html pour réaliser la page html suivante :

HTML5 TP1 - Exercice2

Pour les couleurs d’arrière-plan, vous pouvez utiliser un attribut style ( existe pour toutes les balises html) et définir la bordure comme suit :

style=background-color:#e03f0d ;

c’est à dire , on définit une couleur d’arrière-plan (background-color) à l’élement voulu. La couleur peut être définit avec son non en anglais ou avec un code en hexadécimal de 6 nombres dont chaque deux nombres représente une couleur : RR BB GG (R: red, B: Blue, G : green).

Bien sûr, vous pouvez sauter cette partie si vous voulez, car dans ce TP, on s’intèresse plus aux balises html5 (mais c’est pas grave si on ajoute quelques styles)

La proposition de solution de cet exercice est sur la vidéo suivante : 

Vous pouvez suivre notre cours complet d’HTML. pour approfondir vos compétences sur le développement web en utilisant le langage html5.

Aussi, vous avez une playlist des vidéos (Explication en Darija arabe marocaine)  bien organisée qui traite : Vidéos sur l’HTML5.

De plus, nous avons partagé une série des corrections des examens en html 5 et css3 sous format vidéos : Examens HTML 5 + CSS 3

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *