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

FORMATEURS : Remerciements à l’équipe « L’avenir est encore et toujours devant » Faudra faire plus que lire car le développement comporte assez de vices ! 1 FORMATEURS : LANDRY KOFFI && ALBAN OKOBY 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> FORMATEURS : 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 <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 . uploads/S4/ premiere-page-html 1 .pdf

  • 22
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager
  • Détails
  • Publié le Dec 31, 2021
  • Catégorie Law / Droit
  • Langue French
  • Taille du fichier 1.3756MB