Langage HTML
Transcription
Langage HTML
25/08/2013 Qu’est ce que le HTML ? • Le langage HTML est un langage de Langage HTML Présentation Création de pages web Ce n’est pas un langage de programmation ! B. FARENEAU B. FARENEAU Professeur d’ISN Académie d’Amiens Professeur d’ISN Académie d’Amiens Qu’est ce qu’un langage de présentation? Le langage HTML • C’est LE langage de mise en forme du web • C’est un langage qui permet simplement de mettre en forme du texte. C’est décevant, non ? D’autres langages : Latex On peut écrire du HTML : • En lignes de commande (fichier texte) C’est ce qu’on va faire ;-) Tout langage de présentation possède en général ses WYSIWYG ! (word, open office…) What You See Is What You Get B. FARENEAU • Avec un WYSIWYG : C’est tout de suite plus décevant ;-) - Dreamweaver, - NVU, - Publisher… Professeur d’ISN Académie d’Amiens La norme W3C Interpréteur de langage • Les navigateurs sont les logiciels permettant d’interpréter le langage HTML Il y en a beaucoup : IE, Mozilla Firefox, Opéra, Safari, Google Chrome… • Problème 1 : ce sont des concurrents – ils se font la guerre ! • Problème 2 : Ils n’interprètent pas tous de la même façon le langage B. FARENEAU http://www.w3c.org • W3C est un consortium international piloté par le MIT/LCS (MIT+INRIA+Université Keio) • 180 membres : instituts publics et entreprises concurrentes sur le marché Internet http://www.w3.org/Consortium/Member/List • L’objectif du W3C est d’harmoniser les pratiques Le W3C n'émet que des recommandations Professeur d’ISN Académie d’Amiens 1 25/08/2013 Conclusion • Tous les navigateurs n’interprètent pas de la même façon le langage HTML • Certains élèments de langage HTML peuvent tout simplement être ignorés dans l’affichage de la page Il faut en avoir conscience… Comment s’en rapprocher ? • Ben, on se sert de l’internet et on lit les normes C’est long… et ça change souvent… • On utilise un vérificateur de code ou un VALIDATOR : http://validator.w3.org/ http://www.w3qc.org/validateur/ Et se rapprocher le plus possible de la norme W3C Passons aux choses sérieuses ! Le langage HTML est un langage de balises. Conclusion finale : B. FARENEAU En HTML, on ouvre la balise avec le texte à formater et on referme à la fin du texte Professeur d’ISN Académie d’Amiens Les balises Les balises • Il existe une multitude de balise : <h1> texte </h1>, <h2> texte </h2>, <h3> texte </h3>, <h3> texte </h3> !! <balise> texte à formater </balise> Il en existe plein d’autres : <form></form> <input></input>, <marquee></marquee>, <u></u>,<i></i>,<a></a>,<b></b>, <div></div>…… B. FARENEAU B. FARENEAU Professeur d’ISN Académie d’Amiens Professeur d’ISN Académie d’Amiens 2 25/08/2013 Les attributs Comment s’y retrouver ? • Certaines balises possèdent des propriétés que l’on peut modifier. • Pas d’autres solution que d’apprendre leur signification ! <font color=’’#FFFF00’’> blablablabla</font> • La balise ouvrante contient le nom de l’attribut et sa valeur. B. FARENEAU B. FARENEAU Professeur d’ISN Académie d’Amiens Professeur d’ISN Académie d’Amiens L’en-tête Structure d’une page HTML <html> • Pour l’instant, on n’y mettra pas grand chose excepté le titre de la page : <head> <head> <title> Exemple de page </title> </head> Informations d’entête </head> <body> Contenu </body> </html> B. FARENEAU B. FARENEAU Professeur d’ISN Académie d’Amiens Professeur d’ISN Académie d’Amiens Le contenu Pour le reste… • C’est ce qui apparait directement dans la page : • Lisez le mémento fourni <body> texte à écrire </body> Ou • Rechercher sur internet B. FARENEAU Professeur d’ISN Académie d’Amiens Voilà, moi j’ai fini À vous de travailler B. FARENEAU 3