Différence entre HTML, CSS et JavaScript

HTML, CSS et JavaScript sont des acronymes qui reviennent sans cesse lorsqu’il est question de développement Web. Vous vous demandez peut-être quand vous êtes censé utiliser chacun de ces éléments. C’est ce dont nous allons parler dans cet article: la différence entre HTML, CSS et JavaScript.

Lorsque vous commencer un tutoriel dans le développement Web, les différents types de code peuvent être un peu accablants, mais ceux-ci sont probablement ceux que vous rencontrerez le plus souvent. Principalement HTML, CSS et JavaScript.

HTML (HyperText Markup Language)

HTML signifie Hypertext Markup Language, est un langage de balisage standard pour la création d’applications Web et de sites Web. C’est un système bien standardisé utilisé pour marquer les fichiers texte afin d’obtenir des couleurs, des graphiques, des polices et des effets sur les pages Web. C’est un langage en constante évolution.
Il décrivait la structure du site à l’aide de balises. Il est très facile à apprendre et très puissant pour créer une page Web ou une application attrayante. Le HTML est le premier pas qu’un débutant devrait choisir pour commencer sa carrière dans le développement web.

Voici un exemple d’un document HTML

<!DOCTYPE HTML>
<HTML>
  <head>
    <title>Ceci est un titre</title>
  </head>
  <body>
    <p>Hello world!</p>
  </body>
</HTML>

Le code HTML ci-dessus, comme vous pouvez le constater, contient des balises prédéfinis, dont chacun signifie différemment pour un navigateur. Les balises principaux sont <HTML>, qui contient à nouveau deux balises principaux <head> et <body>. La balise <head> contient toutes les informations nécessaires qui doivent être chargées, telles que les feuilles de style, les balises méta, etc. avant le contenu principal qui se trouve dans la balise <body>.

CSS (Cascading Style Sheets)

CSS, appelé aussi Cascading Style Sheets, est un langage de feuille de style utilisé pour gérer la présentation d’une page Web contenant du code HTML. Cela rend nos sites Web beaux et modernes. C’est juste pour tous les effets visuels et avec sa nouvelle version, on peut aussi créer une animation simple. Pour donner un petit exemple. En tant que technologie de base, CSS est utilisé par des millions de sites Web pour créer une interface utilisateur pour les applications Web et pour de nombreuses applications mobiles.

Voici un exemple d’une feuilles de style CSS

<!DOCTYPE HTML>
<HTML>
  <head>
    <meta charset="utf-8">
    <style>
    #abc{ color: blue; }
    </style>
  </head>
  <body>
    <p id="abc" style="color: blue;"> Ce text a une couleur bleu </p>
  </body>
</HTML>

Comme vous le remarquez dans le code HTML ci-dessus, dans la balise <head> on a ajouté la balise <style>. Cette balise contient tout le code CSS. Comme nous avons défini un sélecteur #abc dans CSS, puis référencé à l’intérieur de la balise <p> dans <body>, nous obtiendrons le contenu de l’élément <p> en bleu.
Il existe de nombreux types de sélecteurs et leurs utilisations, ceci n’est qu’une démonstration.

JavaScript

JavaScript, souvent appelé JS, est un langage de programmation interprété dynamique de haut niveau qui permet aux scripts côté client de créer des applications Web et des sites Web entièrement dynamiques. C’est un langage basé sur un prototype très léger qui peut facilement s’exécuter sur les navigateurs. multi-paradigme faiblement typé, basé sur un prototype. Créez un script multi-paradigme peut fournir une puissance brillante à votre page Web. En utilisant JavaScript, vous pouvez mettre en place des calculs, des conditions logiques et toutes les fonctionnalités de programmation.

Voici un exemple d’un script Javascript

<script>
    var nom = "Thomas";
    var adresse = "France";
    alert(name +" travail en "+address);
</script>

Lorsque le script ci-dessus est éxécuter par le navigateur, il produit le résultat suivnat:

Thomas travail en France

JavaScript est un langage à typage dynamique contrairement à d’autres langages de programmations. Dans le code ci-dessus nous avons défini deux variables et ensuite affiché leurs valeurs dans une fenêtre contextuelle.
Vous pouvez coller le code ci-dessus dans le <body> de votre document HTML, puis vérifier le résultat.
créer une calculatrice simple avec javascript

Conclusion

  • HTML est un langage structurel qui construit la structure d’un site Web, tel que les titres, les paragraphes, les images, le texte, etc.
  • CSS est un langage de style qui donne du style à un site Web. La couleur d’arrière-plan, style de bordure, etc. CSS fournit l’aspect du site au fur et à mesure que la peau donne l’aspect du corps humain.
  • JavaScript est un langage de programmation qui fournit des mouvements et des logiques au site Web.

 

 

Une réflexion sur “Différence entre HTML, CSS et JavaScript

  • novembre 3, 2019 à 11:57 am
    Permalien

    Bonjour, J aimerais bien savoir la difference entre la mise en page par l’HTML et CSS les avantage de chacun et leurs inconvenients Merci d’avance

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *