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

5353 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 951 vues
Créer un fichier HTML
Créer un Fichier HTMLPour créer un fichier HTML, vous aurez besoin d'un éditeur de texte simple tel que Notepad (sur Windows) ou TextEdit (sur Mac). Suivez ces étapes simples pour créer votre...
HTML
711 vues
Utilisation des blocs try...catch
Utilisation des Blocs try...catch en JavaScriptLes blocs try...catch en JavaScript permettent de gérer les erreurs potentielles qui peuvent survenir lors de l'exécution d'un bloc de code. Ils...
JS
733 vues
Variables et types de données
Variables et Types de Données en JavaScript1. Variables :Une variable en JavaScript est un conteneur pour stocker des données. Vous pouvez utiliser des variables pour stocker différentes valeurs...
JS
12 312 vues
Barre de recherche : Ajax
À partir de maintenant nous allons développer notre script permettant de contacter une page et de l'exécuter afin d'afficher le résultat de notre saisie.Nous allons commencer par mettre cette...
Créer son site
4 653 vues
Le langage CSS
Le CSS permet de concevoir le design de votre site web. Le CSS agit sur des éléments HTML.On peut intégrer le CSS de deux façons :Directement sur les éléments de votre HTML,Mettre le...
Créer son site
629 vues
Utilisation de gradients, ombres et transitions pour des effets visuels
Utilisation de Gradients, Ombres et Transitions pour des Effets VisuelsEn CSS, vous pouvez utiliser des gradients, des ombres et des transitions pour ajouter des effets visuels attrayants à vos...
CSS
644 vues
Utilisation de async/await
Utilisation de async/await en JavaScriptL'async/await est une syntaxe introduite dans ECMAScript 2017 pour simplifier la gestion des promesses et rendre le code asynchrone plus lisible et plus...
JS
504 vues
Retour de valeurs
Retour de Valeurs dans les Fonctions en JavaScriptLorsqu'une fonction est exécutée, elle peut renvoyer une valeur à l'endroit où elle a été appelée. Cette valeur peut être utilisée pour...
JS
Publicité
Cette pub permet au site de vivre ...