1.Définition :
Le HTML ( Hyper Text Murkup Language) est un langage informatique qui permet de construire des pages web
2.Les outils nécessaires
a.éditeur de texte :qui nous permet 'écrire les balises HTML comme bloc note,note pad++,sublime text ....
b.Navigateur: qui nous permet de visualiser les pages Web comme Internet explorer, opéra,mozzila firefox, google chrome ...
3. Les premières balises
<html>
<head> <title> Ici le titre de la page </title ></head>
<body>
Ici le contenu de la page web
</body>
</html>
Explication
La balise <HTML> est obligatoire utilisé pour commencer une page HTML et doit être fermé par la balise </html>.
La balise <HEAD> permet de donner des précisions au navigateur sur le contenu de la page. par exemple les meta données dont les moteurs de recherche ont besoin pour le référencement du site comme la description du site, les mots clé qu'on souhaite lui associer ou tout simplement le type d'encodage de la page ou sa langue et doit être fermé par la balise </head>.
La balise <BODY> : dans cette balise qu'on construira la structure et le contenu du site web.
Voici le code sur l'éditeur de texte
Voici le résultat sur le navigateur
4.Les balises de base
Le code HTML est composé de balises imbriquées les unes dans les autres
- <b> Texte </b> : Cette balise permet d'écrire un texte en gras ,exemple Texte
-<u> Texte </u> : cette balise permet de souligner un texte ,exemple : Texte
-<i> Texte </i> : cette balise permet d’écrire un texte en italique, exemple: Texte
-<s> Texte </s> : Cette balise permet de barrer un texte, exemple: Texte
-<br> cette balise permet de revenir à la ligne
-<h1> Titre </h1> On utilise cette balise pour écrire les titres et les sous titres
...
-<h6> </h6>
-<hr> La balise <hr> permet d'insérer une ligne horizontale
exemple:
On peut changer la forme de la ligne , l'épaisseur, la longueur , la couleur et l'alignement .
pour l'épaisseur on ajoute la propriété size à la balise <hr>
exemple <hr size="14px">
pour la longueur on ajoute la propriété width à la balise <hr>
exemple <hr width="300px">
pour la couleur on ajoute la propriété color à la balise <hr>
exemple <hr color="brown">
-<img src"La source " > Permet d'insérer une image dans une page web
إرسال تعليق