Scribd
Importer
209 vues2 pages

Exercices HTML CSS

Le document propose une série d'exercices pratiques en HTML et CSS, couvrant des sujets tels que la structure de base d'une page, l'ajout de texte, d'images, de formulaires et de tableaux. Il aborde également des concepts CSS comme les sélecteurs, la mise en page, les styles avancés, les animations et le design responsive. Chaque section contient des tâches spécifiques pour aider à comprendre et à appliquer les compétences en développement web.

Transféré par

Saad Dahman
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
209 vues2 pages

Exercices HTML CSS

Le document propose une série d'exercices pratiques en HTML et CSS, couvrant des sujets tels que la structure de base d'une page, l'ajout de texte, d'images, de formulaires et de tableaux. Il aborde également des concepts CSS comme les sélecteurs, la mise en page, les styles avancés, les animations et le design responsive. Chaque section contient des tâches spécifiques pour aider à comprendre et à appliquer les compétences en développement web.

Transféré par

Saad Dahman
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

Exercices en HTML et CSS

Exercices HTML :

- Structure de base :

* Ecrivez le code HTML minimal necessaire pour afficher une page Web.
* Quelle est la difference entre <head> et <body> ?
* Ajoutez un titre a votre page Web en utilisant la balise appropriee.

- Texte et liens :

* Creez une page HTML contenant un paragraphe et un titre de niveau 1.


* Inserez un lien hypertexte vers '[Link] en ouvrant le lien dans un nouvel onglet.
* Mettez en gras et en italique certaines parties du texte.

- Images et listes :

* Ajoutez une image a votre page Web et donnez-lui un texte alternatif.


* Creez une liste ordonnee avec trois elements et une liste non ordonnee avec trois elements.

- Formulaires :

* Creez un formulaire HTML contenant un champ de texte, un champ de mot de passe et un bouton d'env
* Ajoutez un champ de selection avec trois options.

- Tableaux et mise en page :

* Creez un tableau HTML avec trois colonnes et deux lignes.


* Utilisez l'attribut colspan pour fusionner deux colonnes dans une ligne.

Exercices CSS :

- Selecteurs et proprietes de base :

* Quelle est la difference entre les selecteurs de type, de classe et d'identifiant en CSS ?
* Appliquez une couleur de fond a tous les paragraphes d'une page Web.

- Mise en page et positionnement :

* Centrez un element <div> horizontalement sur la page.


* Utilisez Flexbox pour aligner trois blocs en ligne.

- Texte et styles avances :

* Changez la police d'ecriture et la taille du texte d'un paragraphe.


* Ajoutez une ombre au texte d'un titre.

- Animations et transitions :

* Creez un bouton qui change de couleur lorsqu'on le survole.


* Ajoutez une animation qui fait bouger un element de gauche a droite.

- Responsive Design :

* Utilisez une media query pour changer la couleur de fond lorsque l'ecran fait moins de 600px de large.
* Expliquez la difference entre em, rem et % en CSS.

Vous aimerez peut-être aussi