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 balisearticle
.
Le résultat final devrait ressembler à l'image suivante.