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é.

5473 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
2 034 vues
Demande d'amis en PHP (3/3)
Pour cette troisième vidéo nous allons revoir notre système afin de conserver le statut de la relation lorsqu'on bloque et débloque un utilisateur.
Créer son site de rencontres
821 vues
Affichage de texte avec echo et print
L'affichage de texte est une opération de base en PHP, souvent utilisée pour fournir une sortie à l'utilisateur. Les instructions echo et print sont les principales méthodes utilisées pour...
PHP
543 vues
Les callbacks
Les Callbacks en JavaScriptLes callbacks sont des fonctions passées en tant qu'arguments à d'autres fonctions, qui seront exécutées ultérieurement ou de manière asynchrone. Les callbacks sont...
JS
16 030 vues
Connexion PHP
Après avoir créé notre formulaire d'inscription il nous faut créer un formulaire de connexion afin que nos futurs utilisateurs puissent se connecter au site une fois...
Créer son site
2 100 vues
Afficher les messages dans l'ordre
Dans cette vidéo on va personnaliser (un peu) l'interface des conversations avec du CSS.Nous allons également remettre les messages dans l'ordre et lors de la réception du message par le...
Créer son site de rencontres
2 460 vues
Envoyer un message sans recharger la page (1/2)
Nous allons améliorer notre messagerie interne vu que nous pouvons désormais envoyer et recevoir des messages.Pour cela nous allons utiliser du JavaScript avec de l'Ajax afin de faire des...
Créer son site de rencontres
2 319 vues
Afficher et envoyer les messages
Dans cette nouvelle vidéo nous allons afficher les messages entre vous et un autre utilisateur.Nous allons également créer un formulaire afin d'envoyer de nouveaux messages à l'utilisateur avec...
Créer son site de rencontres
2 529 vues
Envoyer un message sans recharger la page (2/2)
Comme nous avons mis en place notre système en JavaScript / Ajax pour envoyer un message sans recharger notre page en cours nous allons maintenant enregistrer le message + afficher ce dernier dans...
Créer son site de rencontres
Publicité
Cette pub permet au site de vivre ...