devihtmsin1
1ère STI2D SIN

Devoir  : HTML5 CSS3

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 300px par 200px et d'une bordure de 4px ;logo STI2D 

 

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

 

 

 

 

 

 

 

 

 

 

 


Logo Lycée Paul Sérusier

J'enseigne au
Lycée Paul SERUSIER
Avenue de Waldkappel
29270 CARHAIX PLOUGUER
Tél : 02 98 99 29 29
Site : www.lycee-serusier.fr

footer2

Richard GAUTHIER
Professeur de Physique Appliquée
Certification ISN
Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

 

 


Mentions légales


Plan du site

  Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.