devisnhtml1
Term S
Spécialité ISN

Devoir  : HTML5

Durée : 2h
Noms :  
Logiciels Chrome et Netbeans

Vous devez réaliser les programmes suivants en html5 avec  l'IDE Netbeans.

Vous avez le droit à tout document.

Attention chaque page doit respecter la structure et les balises d'une page HTML5!

 Exercice 1 : Para 1

Ecrire une page html qui affiche exactement, dans un paragraphe, le texte suivant dans le navigateur:
Attention vous devez respecter les retours à la ligne.

Nous autres, mordus d'informatique,
préférons par-dessus tout passer
notre temps à bidouiller nos ordinateurs,
plutôt que les utiliser pour faire
quelque chose de productif!
 

Copier ici le code de votre page html5 :

Exercice 2 : Titre

Ecrire un code html qui affiche exactement la page suivante dans le navigateur:

Remarque : Cette page est composé :

  • d'un titre très très important;
  • d'un titre important;
  • d'un titre vraiment pas important;
  • d'un paragraphe.

Copier ici votre code html :

 

Exercice 3 : Para 2

Ecrire un code html qui affiche exactement la page suivante dans le navigateur:

Remarque : Ce paragraphe est composé :

  • d'un texte souligné;
  • d'un texte en gras;
  • d'un texte en italique;
  • d'un texte mis en évidence.

Copier ici votre programme :

Exercice 4 : Listes

Ecrire un code html qui affiche exactement la page suivante dans le navigateur:
Attention, il faut utiliser les listes!

Copier ici votre code html :

 

Exercice 5 : Image

Ecrire un code html qui affiche exactement la page suivante dans le navigateur:

Remarque : Cette page est composé :

  • d'un titre très très important;
  • de l'image ci-dessous avec une taille de 200px par 200px et d'une bordure de 4px ;logo ISN 

Copier ici votre code html :

Exercice 6 : Liens

Réaliser les 3 pages ci-dessous avec les liens qui pointent vers les 2 autres pages.

index.html

page1.html

page2.html

Copier ici vos codes html :

index1.html

page1.html

page2.html

 

Exercice 7 : CSS

Ecrire un code html qui affiche exactement la page suivante dans le navigateur:

 

Remarque : Cette page est composé :

  • d'un titre très très important avec la couleur blanche, un arrière plan rouge et une taille de 50px;
  • d'un paragraphe de couleur bleue et une taille de 20px.

Copier ici votre code html :

 

Imprimer votre travail

 

 

 

 

 

 

 

 

 

 

 

En poursuivant votre navigation sur mon site, vous acceptez l’utilisation des Cookies et autres traceurs  pour réaliser des statistiques de visites et enregistrer sur votre machine vos activités pédagogiques. En savoir plus.