1. Acceuil
  2. Cours
  3. Cours HTML
  4. Introduction à l'HTML

INTRODUCTION A L’HTML

Qu’est-ce que l'HTML

HTML signifie HyperTextual Markup Language(I.E. Langage de Balises Hypertextuelles). Il s'agit d'un langage normalisé(I.E les intégrateurs respectent la même norme régit par le w3c afin de résoudre les problèmes d'interopérabilité).

L'HTML est un langage dit d'intégration (I.E. il est utilisé pour intégrer une structure aux informations contenues sur une page). Ce qui signifie qu'un menu n'est pas une liste de lien mais un menu car la liste des liens est intégrée dans un jeu de balises <menu></menu>

Le respect de ces règles d'intégration impacte le référencement

  • Il utilise les balises représentée par des symboles < & > (par exemple <html>)
  • Il est nécessaire pour référencer votre site (S.E.O. Search Engine Optimisation)

Les Balises

Les balises se matérialisent par des symboles antilambda (< & >) A chaque balise correspond un élément visuel

  • <img/> correspond à une image
  • <ul> correspond à une liste non ordonnée (Unordonned List)
  • <h1/> correspond à un titre de Niveau 1 (Gros titre)

Il existe deux types de balises

  • Balises isolées Elles correspondent souvent à des éléments visuels
    • Images (<img>)
    • Sauts de ligne (<br>)
    • Champs de saisie (<input>)
    • Ligne horizontale (<hr>)
  • Balises en couples Elles correspondent le plus souvent à des zones de définition (I.E. tout élément contenu entre ces balises sera affecté par la même définition)
    • Mise en forme de texte (<font></font>)
    • Liens hypertextuels (<a-></a>)
    • Liste non ordonnée (<ul></ul>)
    • Formulaires(<form></form>)
    • label(<label></label>)

L'ossature d’une page

Tout document HTML doit respecter une ossature standard. Ainsi l'affichage sera optimisé pour l'ensemble des navigateurs

  • <html>
    • <head>
      • <title>lci le titre</title>
    • </head>
    • <body>
      • Ici le contenu de la page
      </body>
  • </html>
  • html -> indique au navigateur que nous créons une page HTML
  • head->indique la zone dite d'entête qui permet de donner des informations au navigateur comme le titre du document, les feuilles de style, les balises métas...
  • title->Permet d'indiquer le titre du document qui apparaîtra dans l'entête
  • body->indique au navigateur le contenu effectif de la page
Partager