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

5241 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
1 045 vues
Sélecteurs d'ID : appliquer des styles à des éléments individuels
Sélecteurs d'ID : Appliquer des styles à des éléments individuelsLes sélecteurs d'ID sont des outils en CSS qui permettent d'appliquer des styles à des éléments HTML spécifiques....
CSS
16 338 vues
Modifier un profil PHP
Après avoir créé notre page profil, nous allons créer une nouvelle page afin de modifier certaines données de l'utilisateur !La modification d'un profil se fait également par un...
Créer son site
15 654 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
1 028 vues
Syntaxe de base : balises PHP, commentaires
Introduction à la syntaxe de base en PHPPHP utilise une syntaxe simple et flexible pour écrire du code côté serveur. Commençons par explorer les balises PHP et les commentaires, deux éléments...
PHP
5 079 vues
Que mettre dans la balise head
Afin de continuer à faire connaitre votre site pour son référencement nous allons parler du contenu de base dans la balise <head>.La balise <head> joue un rôle essentiel...
Créer son site
440 vues
Modification du contenu et des styles
Modification du Contenu et des Styles des Éléments HTML en JavaScriptLa modification du contenu et des styles des éléments HTML est une tâche courante en développement web. Cela permet de...
JS
5 561 vues
Afficher la liste des catégories
Pour commencer nous allons créer la page maître de notre forum. C'est cette page qui contiendra les différentes catégories.Tout d'abord nous allons créer un dossier que nous...
Créer son site
494 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
Publicité
Cette pub permet au site de vivre ...