Voir aussi

Guide HTML
Publicité
Forum
Posez vos questions, ici

10.Le langage HTML

10.1.Introduction

Que vous souhaitiez faire un petit site web statique ou un site complexe à base des toutes dernières technologies vous serez quasiment obligé d'avoir quelques notions en HTML. Le langage HTML est en effet pour ainsi dire le seul langage que votre navigateur est capable de comprendre. Ceci n'est pas tout à fait vrai mais est une bonne première approximation (votre navigateur sait aussi traiter des images, des animations flash, parfois des flux XML, etc). Les fichiers que vous déposerez dans l'espace de votre serveur web [ça fonctionne comment?] devra donc permettre la création de code HTML qui sera envoyé au navigateur qui en fera la demande quand l'utilisateur saisira l'adresse de votre site dans la barre de navigation. Et le plus simple, c'est encore quand les fichiers sont directement du code HTML comme nous allons le voir ici.

10.2.Présentation du langage

Même si c'est souvent le terme employé, il ne s'agit pas à proprement parler d'un langage mais plus d'un format descriptif. Un fichier HTML est un simple fichier texte contenant des balises (i.e. des noms compris entre des signes inférieur '<' et supérieur '>') ces balises peuvent contenir des attributs (i.e. ajouts entre le nom de la balise et le signe supérieur, d'un espace suivi d'un nom -celui de l'attribut - d'un signe égal et d'une valeur entre guillemets) et du texte. Autrement dit le texte de votre page internet est mis en page grace à ces balises.
Ces balises permettent de:
  • modifier l'apparence du texte:
    • Mise en gras (balise <b>)
    • Mise en italique (balise <i>)
    • etc. (souligné, exponentiel, indice, ...)
  • préciser un niveau de titre (<h1> titre de niveau1, <h2>, <h3>, etc.)
  • créer des tableaux <table>, leurs lignes <tr> et cellules <td>)
  • insérer des images <img>
  • créer des liens entre documents <a>
  • etc.
Ainsi, le code suivant:
Ce mot est en <b>gras</b> celui-ci en <i>italique</i>
donne la mise en page suivante:
Ce mot est en gras celui-ci en italique
Si vous souhaitez avoir plus d'exemples, il vous suffit d'aller sur n'importe quel site internet et de demander à votre navigateur d'afficher le code source. Pour cela, il suffit généralement d'afficher le menu contextuel en cliquant bouton droit au milieu de la page affichée par votre navigateur et choisir "afficher le code source".
Mais ce n'est pas encore le moment pour apprendre le HTML [en savoir plus] et nous allons voir dans quelle mesure il est possible de s'affranchir de cet apprentissage.