Sep
8
Commentaires fermés sur Structure d'une page HTML

Structure d'une page HTML

Ecriture de base du HTML

Le HTML est un langage composé de balises c’est à dire de mots clés entourés d’un signe inférieur et d’un signe supérieur, par exemple : <br>.

La plupart des balises ont un début et une fin. Par exemple si vous souhaitez mettre toute une phrase en italique vous allez mettre une balise pour marquer le début de celle-ci et une autre pour en définir la fin.

La phrase écrite en italique s’écrira donc comme suit :

La vie est un long fleuve tranquille

ou

La vie est un long fleuve tranquille

Ce qui affichera :
La vie est un long fleuve tranquille

Au passage, comme vous pouvez le voir, certaines balises ont changé de nom au fil des évolutions du HTML, c’est pour celà que certaines s’écrivent de plusieurs façons pour un résultat identique.

La balise de fin doit donc s’écrire comme la balise de début avec un / juste après le <.

Il existe aussi des balises qui n’ont pas besoin de fin car elles représentent un objet. Par exemple, la balise <br> signifie « retour à la ligne ». Un retour à la ligne n’ayant ni début ni fin, le navigateur ne cherchera pas de balise de fin </br>. Celle ci n’existe pas.

De même pour une image il y’a besoin d’une balise <img> mais pas de </img>.

 

Structure de la page

Tout document HTML doit commencer par une balise permettant au navigateur de savoir en quel langage il doit interpréter.

Il faut donc mettre tout au début de la page une balise <html> et tout à la fin une balise de fin à savoir </html>

fichier index.html :


      contenu du document HTML

Ensuite il y’a deux choses à définir : l’entête et le corps.

Entête

L’entête sert à définir des éléments qui ne s’affichent pas directement dans la page. Par exemple vous pouvez y inclure le titre qui s’affichera dans la barre en haut de votre navigateur préféré. C’est aussi là que vous pouvez définir les informations de mise en page (la couleur d’un titre par exemple) ainsi que les fameux mots-clés pour grimper dans les résultats des moteurs de recherche.

L’entête est définie par les balises <head> et </head>

Ce qui nous donne :


    
        La page web de Robert Duchmol
    

 

Corps

C’est dans cette partie que vous allez rédiger votre prose, mettre vos images, créer des liens vers d’autres sites, etc.

Cette section doit être entourée des balises <body> et </body> toujours à l’intérieur des tags html.

On obtient donc :


    
        La page web de Robert Duchmol
    
    
        Bonjour tertous ! 
Bienvenue sur ma page.

Résultat ici

Et comme il y’a un titre dans l’entête, vous verrez que celui-ci s’affiche dans la barre de votre navigateur.

 

 

Articles similaires :

  • Pas d'articles similaires

Les commentaires sont fermés.