Introduction
Le HTML est le langage informatique fondamental du Web. Il existe depuis la création du World Wide Web, et évolue avec lui.
Les différentes normes des langages Web sont rédigées par un Consortium, le World Wide Web Consortium, ou W3C.
La version du langage HTML aujourd’hui utilisée est la 5e version du HTML, plus communément HTML5
.
Le HTML5
et généralement associé au CSS3
(que nous verrons plus tard) car le W3C l’a publié en même temps.
Texte, Hypertexte
Historiquement, le html est donc un langage utilisé pour décrire des documents visibles dans les navigateurs web — communément appelées des pages web
.
Ces pages web, une fois rassemblées, ordonnées et publiées forment des sites web
.
Grace aux liens hypertextes
on peut naviguer d’une page à une autre.
Le html est devenu un format universel pour mettre en page des documents, et à débordé de sa vocation Web originale. Ainsi, de nombreux logiciel sont capable de publier des documents HTML sans devoir coder. On peut penser à Acrobat, Word, Photoshop, Indesign, …
HyperText Markup Language
Le mot HTML est l’acronyme de HyperText Markup Language.
Le HTML est ainsi un langage formée balises
(markup en anglais) et on peut très simplement créer un fichier .html avec un éditeur texte comme notpad
ou textedit
Pour notre cours, nous utiliserons le logiciel Brackets, plus approprié au dévellopement Web.
Code source
Le code source HTML
et CSS
est interprété par le navigateur.
Toutes les pages web marche sur ce principe !
Le code source (HTML, CSS) est accessible depuis tous les navigateurs. Cette pratique peut permettre de facilement « voir » comment est fabriqué un site web, quelle librairie il utilise, etc. Ainsi, quand vous aurez les rudiments du HTML & CSS, vous pourrez décrypter les pages web qui vous interessent. Mais il ne faudra pas trop copier, car on vous reperera vite (et ça se saura, « internet n’oublie jamais ») — essayez donc de vous inspirez, ça ira mieux.
Ressources
voici une liste de ressources que vous pouvez lire :
- le site du zéro tutoriels, astuces, entraide
- alsacréation tutoriels, astuces, entraide
- liste de toutes les balises HTML5 regroupées en une seule page
- validateur HTML vérificateur officiel de codes HTML (en anglais)