Les balises HTML

Les balise c'est les composants principale de l'html, autrement dit html ne fonctionne qu'avec des balise, sans ces balise vous n'y arriverai pas a créer votre site web., donc prennez note de les apprendres !! ces balise sont comme des instruction qui disent a l'ordinateur quoi afficher sur l'écran, elles sont pas visible pour les visiteurs de votre site. Une balise à la forme suivante .
On peut distingués deux type de balise html, les balises « paires » et les balises « seul »
les balise paires
Ces balise sont généralement sous forme et , la première est une balise ouvrante, et la deuxième est une balise fermante, c'est-à-dire que l’ordinateur va appliquer ce que signifie la balise l’ensemble du texte inclut entre les deux balise (ouvrante et fermante)
les balise seul
Ces balise ont la forme , elles servent souvent a faire un saut à la ligne ou insertion d’une image, nous allons les voir plus en détail dans la suite de ce cour.
y'en a d'autre balise autre que celle qu'on a vu dans le cour précédent ?
Oui bien évidemment, dans la suite on verra bien que les balises qu’on a déjà vu ne sont pas suffisante, et vous devez apprendre d’autre. Est-ce qu’on doit les apprendre par cœur ? Non, à force de travailler avec, vous allez vous rappeler facilement, passant la description du rôle de nos balise déjà vu. Les balises qu’on a vues sont celle qui constitue la structure de base d’une page html 5 et qui sont comme suit : <html> </html> <head> </head> <body> </body><title> </title>

<html> </html> Comme je l’avais mentionnée un peu plus haut, <html> est une balise ouvrante, et </html> est une balise fermante, qui encadrent un bloc de texte, sur lequel va appliquer le sens de la balise <html>, Cette balise indique a l’ordinateur précisément au navigateur web que ce qui se trouve entre <html> et </html>, est un document html, autrement dit ce qui va se trouver entre les deux balise va être interpréter suivant la syntaxe html.

A partir de la je vais plus parler de la balise fermante, mais notez que pour chaque balise ouvrante on doit lui associer une balise fermante sauf dans le cas des balises « seul »

La balise <head> est un élément structurel d'un document html comme la balise <html>. Elle contient les informations essentielles à la description du document qui sera affiché dans le corps du document tel que:
  • le titre du document (inclus dans la balise <title>)
  • les références aux feuilles de style utilisées par le document ou
  • les références aux javascripts utilisés par le document
  • les balises <meta> pouvant spécifier l'auteur la description du contenu l'encodage et de nombreuses autres informations
Au sein de la balise head, il est possible de déclarer les styles utilisés dans le corps du document soit par référence à une feuille de style CSS soit par utilisation de la balise <style> en y insérant directement les styles à utiliser. De même pour les scripts javascripts, il est possible de faire référence à un fichier externe ou bien d'employer la balise <script> et d'écrire directement à l'intérieur le code souhaité. remarquez que les deux balise :
<meta name="Description" content="Description du document" />
<link rel="stylesheet" type="text/css" href="MonStyle.css" />
ces deux balise sont des balise sous forme ce qui design qu’elle sont « seul », notez une première la ou vous pouvez utiliser les balise « seul »

<body> Cette balise aussi est structurelle comme les deux balise <head> et <html>, comme son nom l’indique elle correspond au corps de document html, c'est-à-dire toutes les informations qui seront afficher sur votre navigateur web sont à définir entre les balises ouvrante et fermante de <body>

<body> comme nous l'avons mentionnée en haut, cette balise permet d'indiquer le titre de la page web.

Pour ce qui est de la balise <meta>, elle fourni des métadonnées sur la page courante. Ces informations ne sont pas visibles, mais sont traitées par les navigateurs et par les moteurs de recherche. Ils sont très utilisés pour :
  • fournir une description de la page :
  • associer un ensemble de mots clés à la page :
  • préciser le nom de l'auteur du document :

<link> cette balise nous permet de dire au navigateur que nous voudrions appliquez un style css a notre document html, en lui spécifiant l’emplacement du feuille de style css (fichier avec extension .css) avec l’attribut href
l’attribut type design que sa serai du langage css l’attribut rel sert à spécifier que la feuille de style est persistant, pratique, ou autre

<script> cette balise permet de définir en générale du code javascript, si vous vouliez inclure un fichier javascript (.js), suivez cette syntaxe toujours, juste changer le nom de votre fichier dans l’attribut src

c'est quoi un attribut et quel est leur rapport avec les balise html ?
Les attributs sont comme des options pour les balises html. Ils viennent les compléter pour donner des informations supplémentaires. L'attribut se place après le nom de la balise ouvrante et a le plus souvent une valeur, ça syntaxe générale est comme suit : Pour mieux illustré son importance prenons la balise <input> (qui représente un champ de saisie de texte, nous reviendrons sur elle sur la partie des formulaires) si on écrit
sur le navigateur lorsqu’on saisie le mot texte sur les deux input, on aura quelque chose qui ressemble à ça :



Remarquez que les deux texte sont different, dans le premier input, on vois le mot « texte » par contre dans le second on voie que des point, pour quoi ça portant nous avons utilisé la même balise HTML qui est <input>, c’est la que viens le rôle de l’attribut type qui complete la balise input pour créer deux type d’input un pour le champs de saisie du texte simple et l’autre pour la saisie de mot de passe (input avec le point sur l’image) c’est magnifique, vous le pensez pas, et ce n’est pas tout, nous verrons plus dans la suite de ce tutoriel sur le HTMl, dans le prochaine cous nous verrons ce que nous pouvant définir entre la balise ouvrante et fermante de body, tout en complétant la définition au fur et à mesure de nouvel balise que nous utiliserons