Aller au contenu

Exercice 01 - Ma première page web

Dans votre répertoire designweb créez un nouveau répertoire nommé ex01_helloworld. Dans ce répertoire vous allez créer un fichier nommé index.html et y faire les modifications suivantes. Vous devrez utiliser des balises qu'on n'a pas nécessairement vues encore, essayer de les trouver par vous-même en faisant une recherche sur internet.

  • Le titre de la page doit être "Bonjour le monde" (Renseignez correctement la balise title)
  • Votre page doit avoir une structure standart de page web HTML5 (si vous n'avez pas encore créé d'extrait de code ça serait un bon moment de le faire...)
  • À l'aide de la balise h1, inscrivez votre nom

  • Donnez à cette balise les attributs suivants :

Nom de l'attribut Valeur
id titre_nom
class titre
  • Utilisez les balises appropriées pour que votre nom soit aussi en caractère gras et en italique.

  • Ensuite avec la balise h2, inscrivez le texte suivant : "vous présente sa première page oueb"

  • En utilisant la balise pour indiquer que c'est un paragraphe, ajouter un bloc de texte aléatoire. Vous pouvez utilisez du lorem ipsum, https://www.lipsum.com/

Astuce

Avec emmet vous pouvez entrer la commande lorem suivi du nombre de caractères désiré pour générer automatiquement du texte aléatoire

Ex: lorem200 va vous créer un texte de 200 caractères.

  • En utilisant des balises sémantiques, englobez le balise h1 et h2 dans une balise header et votre paragraphe dans une balise article.

Le résultat final devrait ressembler à l'image suivante.

ex01_resultat