U3F1ZWV6ZTI2OTY0MTE2OTA3MjMyX0ZyZWUxNzAxMTI5NjU1NTQxNw==

مقدمة إلى HTML: تعريف، أدوات، وأهم الوسوم الأساسية

Prof Adil
الصفحة الرئيسية

مقدمة إلى HTML: تعريف، أدوات، وأهم الوسوم الأساسية

1. Définition

Le HTML (HyperText Markup Language) est un langage informatique qui permet de construire des pages web. Il sert à structurer le contenu d’une page, comme du texte, des images, des liens, etc.

2. Les outils nécessaires

  • a. Éditeur de texte
    C’est le logiciel qui permet d’écrire les balises HTML, par exemple :
    Bloc-notes (Notepad), Notepad++, Sublime Text, Visual Studio Code, etc.

  • b. Navigateur
    Permet de visualiser le résultat des pages HTML, par exemple :
    Internet Explorer, Opera, Mozilla Firefox, Google Chrome, etc.

3. Les premières balises HTML de base


<html>
  <head>
    <title>Ici le titre de la page</title>
  </head>
  <body>
    Ici le contenu de la page web
  </body>
</html>

Explications :

  • La balise <html> est obligatoire pour commencer une page HTML et doit être fermée avec </html>.

  • La balise <head> contient des informations destinées au navigateur, telles que des métadonnées (description, mots-clés, encodage, langue, etc.), et doit être fermée avec </head>.

  • La balise <body> contient tout le contenu visible de la page web, comme textes, images, vidéos, etc.

4. Les balises de base en HTML

Le code HTML est composé de balises imbriquées. Voici quelques balises importantes :

  • <b> Texte </b> : Écrit le texte en gras.

  • <u> Texte </u> : Souligne le texte.

  • <i> Texte </i> : Écrit le texte en italique.

  • <s> Texte </s> : Barre le texte (texte barré).

  • <br> : Insère un saut de ligne (retour à la ligne).

  • <h1> Titre </h1> à <h6> Titre </h6> : Définit des titres et sous-titres, avec <h1> comme titre principal et <h6> comme le moins important.

  • <hr> : Insère une ligne horizontale.

Personnalisation de la ligne horizontale <hr> :

  • size : Épaisseur de la ligne, ex. <hr size="14px">

  • width : Largeur de la ligne, ex. <hr width="300px">

  • color : Couleur de la ligne, ex. <hr color="brown">

5. Insertion d’image

Pour insérer une image dans la page web, on utilise la balise :

html
<img src="url_de_l_image" alt="description_de_l_image">

  • src : Spécifie la source (l’URL) de l’image.

  • alt : Texte alternatif affiché si l’image ne charge pas, utile aussi pour le référencement.


تعليقات
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة