Avant de commencer cet article nous allons commencer par un rappel.


Rappel :


Pour développer en HTML, il faut utiliser n'importe quel éditeur de texte et enregistrer le fichier au format .html afin de créer une page web. 


Dans cet article, nous allons voir comment exploiter le langage HTML et comprendre son fonctionnement.

Comme je vous l'ai expliqué dans l'article Comment développe-t-on un site ?, le langage HTML permet de créer le squelette de votre site. 


Pour être plus précis le langage HTML est un langage de balisage qui se traduit par des balises.


Exemple : 


<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8"/>
   <title>Titre de la page</title>  
  </head>
  <body>
   <h1>Mon titre</h1>
   <p>Mon texte</p>  
  </body>
</html>


Je vais vous faire une explication de cet exemple :


  • La balise <!DOCTYPE html> permet de définir la page en HTML5,
  • La balise <html> est l'élément important afin de faire tourner une page en HTML,
  • La balise <head> contient toutes les méta-informations à propos de la page,
  • La balise <title> permet de spécifier un titre à la page,
  • La balise <body> contiens les éléments visible de la page en cours,
  • La balise <h1> permet de définir un titre,
  • La balise <p> défini un paragraphe.


Comme vous le voyez la balise <html> permet d'afficher le contenu de votre page et on remarque qu'à l'intérieur de cette balise qu'il y a deux autres balise importantes qui sont <head> et <body>.


A quoi servent-elles ?


La balise <head> et la partie non visible de votre site mais c'est l'une des parties les plus puissantes. Elle permet en outre d'afficher le titre de votre page, donner une description à votre page, charger des fichiers CSS comme JavaScript et tant d'autres choses.


La balise <body> quant à elle, est la partie visible qui affiche le contenu de votre site.


À ce stade de cette article vous avez donc compris le fonctionnement et comment exploiter le langage HTML.


Maintenant pour approfondir vos connaissances en HTML, je vous invite à aller dans la section HTML dédié.

5304 vues
Modifié le 04 mars 2019
Publicité Sitedudev
Cette pub permet au site de vivre ...
Publicité
Cette pub permet au site de vivre ...
Voir d'autres articles
3 135 vues
Comment faire connaitre son site ?
L'un des derniers points qui n'est pas sans conséquence est la promotion de son site après l'avoir mis en ligne sur un hébergeur (OVH, 1and1, Hostinger, etc.).L'une des questions que...
Créer son site
3 461 vues
Le protocole Open Graph
IntroductionLe protocole Open Graph permet à n'importe quelle page Web de devenir un objet riche dans un graphe social. Par exemple, ceci est utilisé...
Créer son site
884 vues
Comprendre les concepts de marge, bordure, rembourrage et largeur/hauteur
Dans CSS, la mise en page des éléments est souvent influencée par quatre concepts clés : la marge, la bordure, le rembourrage et la largeur/hauteur. Comprendre ces concepts est essentiel pour...
CSS
4 720 vues
Afficher la liste des topics
Dans notre dossier f_forum, nous allons créer une nouvelle page sujet.php. Cette page affichera la liste des topiques créer par les utilisateurs de votre site en fonction de la catégorie...
Créer son site
544 vues
Importer des fichiers SASS dans d'autres fichiers
Importer des fichiers SASS dans d'autres fichiers1. Structure de base :Assurez-vous que votre projet SASS est organisé de manière à ce que les fichiers que vous souhaitez importer et les fichiers...
Sass
4 351 vues
Ajouter des commentaires
Poster des commentaires sur vos articlesNous allons reprendre la page voir_article.php afin d'ajouter un formulaire qui permettra d'écrire un commentaire pour participer à...
Créer son site
3 334 vues
Créer des listes ordonnées <ol> et non ordonnées <ul>
Créer des listes ordonnées avec <ol> et non ordonnées avec <ul>Les balises <ol> et <ul> sont utilisées pour créer respectivement des listes ordonnées et non ordonnées...
HTML
560 vues
Positionnement statique, relatif, absolu et fixe
Positionnement Statique, Relatif, Absolu et Fixe en CSSEn CSS, le positionnement des éléments peut être contrôlé en utilisant différentes propriétés. Les quatre types de positionnement les...
CSS
Publicité
Cette pub permet au site de vivre ...