Qu'est-ce que le HTML?

Qu'est-ce que le HTML?

• Que signifie le balisage HTML? Quel type de balises - mots ou éléments HTML? Quels sont les composants de base des éléments HTML?, comment créer une page Web en utilisant des codes HTML.

• Qu'est-ce que le langage de balisage HTML?

• Les lettres sont l'acronyme HyperText Markup Language, qui n'est pas un langage de programmation au sens traditionnel des langages de programmation, mais c'est un langage ou une méthode pour décrire le contenu d'une page Web pour les navigateurs, car tout programme de navigateur Web doit connaître le contenu de la page à partir des titres, du texte, des images, des liens et d'autres composants de la page Web , Afin que vous puissiez l'afficher correctement et que le langage de balisage HTML est la langue principale de tout site Web ou page sur Internet.
• La page Web consiste en un groupe d'éléments, ou elle est connue sous le nom de balise. Chaque balise est écrite entre (crochets) ou elle est également appelée balise inférieure à <et balise supérieure à <. Le navigateur n'affiche pas ces balises, mais il affiche leur contenu, et il existe deux types de balises.

• Quels sont les types de tags?

• Le premier type: c'est une balise dont le contenu est affiché directement sur la page Web, par exemple <img /> et <input />.
• Le deuxième type: il s'agit d'une balise qui décrit les textes qu'elle contient, par exemple <p> Texte à l'intérieur de la balise </p>, et cette balise peut contenir une autre balise à l'intérieur en tant que sous-élément de cette balise. Par exemple, <p> le texte <italic </i>> </p> Vous remarquerez dans ce type que chaque balise se compose de deux parties (la balise de début) et (la balise de fin) et entre elles le contenu qui est affiché dans le navigateur.

• Vous remarquerez dans cet exemple que chaque élément (du deuxième type) d'éléments HTML se compose des balises de début et de fin, car le nom de la balise de fin est le même que le nom de la balise depuis le début mais précédé de la balise (/), et parmi eux, le contenu de l'élément apparaît dans le navigateur Web, et nous utiliserons Également une description (un attribut) de la balise, et chaque description contient le nom et la valeur de deux parties et a un signe (=). Dans l'exemple précédent, le nom de la description est href et la valeur est l'adresse du site Web, et tout ce qui précède (à l'exception du contenu de la balise) n'apparaît pas dans le navigateur Web, mais il indique au navigateur Web via un lien hypertexte (lien) la valeur dans le contenu de la balise, et lorsque vous cliquez dessus, elle est mise à jour La page fait référence à l'adresse du site Web dans la valeur de description (entre guillemets) et l'adresse du site Web peut être remplacée par un autre nom de page.
• Vous ne pouvez pas utiliser Microsoft Word ou WordPad pour écrire des codes HTML, mais vous devez utiliser un programme qui prend en charge l'écriture de texte de manière normale, du texte brut, ou utiliser un programme d'édition de texte (un programme destiné à écrire du code) Éditeur de texte, mais pour simplifier les choses, nous utiliserons le programme bloc-notes trouvé dans le système d'exploitation Windows.

• Comment créer une page Web

• Nous commençons d'abord par ouvrir le programme du bloc-notes, puis par le menu Fichier, nous enregistrons le fichier en choisissant la commande Enregistrer sous, puis une fenêtre apparaîtra que nous écrivons dans le champ (Nom du fichier), c'est-à-dire tout nom de votre choix, par exemple exemple test.html et le nom du fichier doit être écrit avec une extension Le fichier et pour écrire des codes HTML, l'extension de fichier doit être (.html ou .htm) et dans la fenêtre du champ Enregistrer en tant que type, nous sélectionnerons Tous les fichiers et dans le champ (Encodage) nous choisirons UTF-8 pour que le fichier prenne en charge l'écriture en langue arabe, puis cliquez sur Enregistrer, La figure suivante montre les étapes en détail.
• Après avoir créé le fichier et connaître les composants de base d'un élément du langage HTML, nous commencerons par écrire les codes de base pour créer une page Web (ou vous pouvez copier le contenu de la case suivante du fichier) et ensuite j'expliquerai chaque élément en détail.

• Vous remarquerez l'utilisation du <! DOCTYPE html> Cette commande a pour fonction de déterminer la version HTML jusqu'à ce que le navigateur Web traduise et affiche correctement les commandes (la version utilisée dans l'exemple est HTML5).
• Ensuite, nous avons utilisé la balise <html lang = "en"> et sa fonction est de décrire au navigateur que le code utilisé est en langage HTML. Quant à la description lang,Si le contenu est dans la langue En francais, la valeur de description peut être en francais "fr". Nous plaçons la balise d'ouverture au début du code et à la fin du code, nous avons écrit la balise de fermeture, puis nous diviserons la page en deux sections principales, la première étant la balise <head> et le contenu de cette balise n'apparaît pas dans le navigateur, mais elle contient des informations sur la page et sur Comment afficher le contenu de la page en utilisant les éléments <meta /> et <title>. La deuxième section de la page Web consiste à utiliser la balise <body> et tout ce qui est écrit à l'intérieur de cette balise est ce qui est affiché et formaté via le navigateur. La figure suivante explique plus de composants de chaque pièce dans cet exemple.
• Dans l'exemple précédent, nous avons utilisé la balise <img /> pour afficher une image, qui est du premier type qui n'existe pas et la fin appréciée par le contenu qui est décrit au navigateur via la description de la balise (attributs), nous avons utilisé la description src, qui est une abréviation du mot source et sa fonction est de localiser l'image souhaitée Affiché dans le navigateur, et nous avons également utilisé la description alt, qui est une abréviation du mot alternative, et sa fonction est d'écrire le mot alternatif pour la santé au cas où il ne serait pas accessible ou de lire la phrase écrite comme substitut de l'image dans le cas des personnes ayant des besoins spéciaux qui souffrent d'une déficience visuelle.
• Et nous avons également utilisé la balise <p>, qui est une abréviation du mot paragraphe, utilisé pour afficher et formater les textes. Il est également du second type où le contenu des textes doit être placé entre la balise de départ et la balise de fin.
• Quant à la balise <title>, comme indiqué dans la figure précédente, elle spécifie un titre pour le navigateur.
• De ce qui précède, nous conclurons que le langage HTML est un arbre à partir duquel les balises sont ramifiées, et cela peut être illustré comme suit: