Archives des HTML5 | 9raytifclick | La meilleur Plateforme d'apprentissage au Maroc https://www.9raytifclick.com/excerices_categories/html5-tds/ Developpement digital en un seul click Wed, 02 Feb 2022 10:16:12 +0000 fr-FR hourly 1 https://wordpress.org/?v=6.8.6 https://www.9raytifclick.com/wp-content/uploads/2021/09/logo2-100x100.png Archives des HTML5 | 9raytifclick | La meilleur Plateforme d'apprentissage au Maroc https://www.9raytifclick.com/excerices_categories/html5-tds/ 32 32 HTML5 : TP1 https://www.9raytifclick.com/exercices/html5-tp1/ https://www.9raytifclick.com/exercices/html5-tp1/#respond Sat, 11 Dec 2021 10:14:48 +0000 https://www.9raytifclick.com/?post_type=exercices&p=7854 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 Pour les bordures, vous pouvez utiliser un attribut style ( existe...

L’article HTML5 : TP1 est apparu en premier sur 9raytifclick | La meilleur Plateforme d'apprentissage au Maroc.

]]>
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

L’article HTML5 : TP1 est apparu en premier sur 9raytifclick | La meilleur Plateforme d'apprentissage au Maroc.

]]> https://www.9raytifclick.com/exercices/html5-tp1/feed/ 0