Vous êtes sur la page 1sur 2

1

FORMATEURS : LANDRY KOFFI && ALBAN OKOBY


FORMATEURS :

Objectifs :
 Créer une page en HTML
 Connaître les balises et leurs attributs
 Insérer des commentaires dans une page HTML
 Connaître la structure de HTML5

INTRODUCTION
 Pour commencer on utilise un éditeur l'éditeur de texte (Sublime
Text, Vs Code, Atom, Notepad++, jEdit, vim…) pour créer un fichier
ayant l'extension .html (par exemple : debut.html ). Ce sera
notre page web !
 Ce fichier peut être ouvert dans le navigateur web simplement en
faisant un double-clic dessus ou en faisant :
un clic droit  ‘ouvrir avec‘ et vous choisissez un navigateur web .

Balises et leurs attributs


Les balises se repèrent facilement. Elles sont entourées de « chevrons »,
c'est-à-dire des symboles < et > , comme ceci : <nom_de_la_balise> .

Exemple : <img>

1- Balise paire
Elles s’ouvrent et se referment (entourent du texte ou d’autres balises).
Exemples : <html> Ceci est mon texte </html> , </p> Ceci est un
paragraphe </p>
Remarque : <balise_ouvrante> …</balise_fermante>
Quelques balises paires.
<titre> Pour le titre de la page</titre>
<body> Pour le corps d’une page html</body>
Remerciements à l’équipe « L’avenir est encore et toujours devant »
Faudra faire plus que lire car le développement comporte assez de vices !
2
FORMATEURS : LANDRY KOFFI && ALBAN OKOBY
FORMATEURS :
<p> Pour un paragraphe<p>

2- Balise orpheline
Elles sont seules, on écrit donc <balise> ou </balise>.
Quelques exemples de balises orphelines :
</img> ,pour insérer une image.
</br> ,pour faire un saut de ligne.
</hr>, pour une ligne horizontale

Attributs
Ce sont les options des balises, ils donnent des informations
supplémentaires .Syntaxe : <balise attribut="valeur">.
Exemple : <image nom="maphoto.jpg" />
Les commentaires
< !--votre commentaire -->

Structure de base d'une page html5

CONCLUSION
À l'intérieur du fichier, nous écrirons le contenu de notre page,
accompagné de balises HTML.
Une page web est constituée de deux sections principales : un en-tête
( <head> ) et un corps ( <body> ).
On peut afficher le code source de n'importe quelle page web en
faisant un clic droit puis en
sélectionnant Afficher le code source de la page .

Remerciements à l’équipe « L’avenir est encore et toujours devant »


Faudra faire plus que lire car le développement comporte assez de vices !

Vous aimerez peut-être aussi