Introduction¶

Ce cours permet d'obtenir les bases dans le langage de balisage HTML (Hypertext Markup Language), qui a été conçu pour représenter les pages web. Pour être d'une originalité débordante, nous allons poursuivre, au cours des différents chapitres en fil rouge, la création d'un site web volontairement simple.

Pour développer son premier site web, il faut commencer par comprendre grossièrement comment fonctionne un site.

HTML et CSS¶

Tout d'abord, il faut savoir qu'absolument tous les sites qui tournent sur les internets ont une base HTML et CSS. Il s'agit d'un standard qui n'a pas de concurrent. Ce qui veux dire que si vous voulez coder un site internet, il faudra obligatoirement passer par du HTML et du CSS.

Différences entre le HTML et le CSS¶

À moins de vivre en hermit au fin fond de la forêt Amazonienne, vous avez déjà du voir un peu de HTML et de CSS. Voilà à quoi ressemble un bout de code HTML :

<p>
    Un super paragraphe avec <strong>du texte en gras</strong>.
</p>

Et à quoi ressemble du CSS :

p {
    color: red;
}

Si on devait comparer un site internet avec une maison, le HTML serait les fondations et les murs, sans aucunes finitions. En soit, la maison serait bien construite et fonctionnelle, mais elle serait un peu austère, sans commodités.

Le CSS serait la décoration d'intérieur. Le coup de peinture qui rend votre maison agréable à vivre.

• Le HTML5 pose les bases de votre site. C'est lui qui va dire au navigateur internet qui est quoi, et comment l'interpréter.
• Le CSS3 rend toute la donnée brute HTML plus jolie et plus facilement lisible.

Ces deux langages sont donc indispensables :