Un document HTML (Hypertext Markup Language) forme la base structurelle d'une page Web en fournissant la couche de contenu. L'hypertexte peut être n'importe quel texte qui peut être affiché à l'écran et contient des liens vers un autre texte. Les sites Web, par exemple, ont d'innombrables documents liés les uns aux autres via les hyperliens.

Le langage de balisage donne un sens au texte dans un document en décrivant la structure et le format de ce texte. De plus, le formatage et la structuration du texte d'un document HTML sont assistés par des balises.

Si vous souhaitez créer votre propre site Web, application Web ou savoir comment modifier d'autres sites Web et applications, vous devez comprendre ce qu'est HTML? Pour servir l'objectif indiqué ci-dessus, cet article fournit un contenu riche pour obtenir les bases de HTML.

Éléments HTML

Les documents HTML se composent d'éléments et un élément de HTML se compose des objets suivants:

texte

Le et définissez la propriété du texte à l'intérieur de ces balises. Par exemple, le texte (linuxhint) écrit entre les balises

et

sera considéré comme une tête 1.

Pour les paragraphes, on peut utiliser des balises

et

. Cependant, il est observé que plusieurs éléments HTML n'ont pas les étiquettes de fin (ou ne contiennent aucun texte à l'intérieur), comme
, et sont appelés vide éléments.

Peu d'éléments HTML couramment utilisés sont décrits ici qui servent diverses fonctionnalités pour créer une page HTML:

• En-tête de texte: Les tags

  ,

  ,

  …

  sont utilisés pour les titres de texte de différentes tailles.

• Section / Division: Une section ou une division est définie en utilisant TAG. Ces divisions sont également appelées conteneurs et un seul conteneur peut contenir plusieurs conteneurs.
• Paragraphe: Tout texte écrit entre

  et

  sera considéré comme un paragraphe.
• lien: Pour intégrer un lien dans un document HTML, les balises d'ancrage () sont utilisées.
• Éléments de liste: Le La balise est pratiquée pour répertorier les éléments. De plus, le
  et
  Les balises sont utilisées pour organiser respectivement les éléments d'une liste ordonnée et non ordonnée.
  • Image: Pour l'insertion d'une image, la balise est utilisée.

  Attributs HTML

  La fonctionnalité des éléments HTML peut être étendue en utilisant des attributs. Les attributs sont définis dans la balise de démarrage et diriger l'élément HTML pour effectuer la propriété spécifique sur le contenu de cette balise. Par exemple, une balise d'ancrage dans HTML contient un attribut href ce qui crée un lien vers le contenu écrit à l'intérieur de cette balise. Essayons:

  La balise d'ancrage suivante () contient le texte "linuxhint" et le href l'attribut créera le lien de indice.html Sur ce texte.

  De plus, vous pouvez spécifier plusieurs propriétés de style d'un élément à l'aide des attributs. L'attribut de style HTML peut être utilisé pour spécifier les couleurs, le style de police et la taille de la police d'un élément. Les utilisateurs peuvent limiter les dimensions d'une image dans élément en utilisant le largeur et hauteur les attributs. Le classe L'attribut d'un élément vous permet d'utiliser la propriété d'une classe CSS.

  Éditeurs HTML

  L'éditeur HTML joue un rôle essentiel dans le développement d'un document HTML. Bien que les bases des documents HTML reposent fortement sur les éléments. Cependant, ces éléments sont structurés à l'aide d'un éditeur. Cette section répertorie divers éditeurs HTML les plus utilisés:

  Code Visual Studio

  Visual Studio Code fournit une vaste gamme de fonctionnalités pour l'édition et la redéfinition du code source des applications Web / basées sur le cloud. Il est développé par Microsoft et a l'accessibilité open source, il a donc également une prise en charge Linux.

  Builder Web Wysiwyg

  Le wysiwyg représente Wchapeau You See jes Wchapeau You gET, et comme le nom le dirige, il affiche la sortie de l'édition d'exécution. Cet outil prend en charge la dernière version de HTML5 et certaines versions précédentes également.

  Texte sublime

  En utilisant cet outil, vous pouvez créer un document HTML avec une structure prête à l'emploi. Une fois que vous avez enregistré un fichier texte sublime en utilisant .HTML ou .Extension HTM, vous obtiendrez toute la structure de la page comme indiqué dans l'image ci-dessous:

  Bloc-notes++

  Notepad ++ est un autre constructeur HTML qui vous permet de construire une page en utilisant les éléments HTML. Si un fichier de blocs-notes ++ est enregistré avec .htm ou .html Extension, il vous guidera pour utiliser les éléments HTML corrects.

  De plus, plusieurs autres outils sont également disponibles comme le surligneur de syntaxe, la complétion automatique, le débogage et la validation du code.

  Comment les documents HTML sont développés

  Le document HTML comprend des éléments disciplinés pour obtenir un contenu significatif. Ces éléments sont structurés à l'aide d'un éditeur HTML. Ici, nous utilisons Sublime Text 4 comme éditeur HTML:

  Vous pouvez suivre les étapes fournies ci-dessous pour construire une page HTML simple:

  Étape 1: Ouvrez l'éditeur de texte sublime et enregistrez le fichier en utilisant .html, .xhtml, .shtml ou.Extension HTM.

  Étape 2: Écrivez dans le volet d'édition de texte et appuyez sur Entrée. Le moment où vous appuyez sur Entrée, une structure de base du document HTML sera créée par défaut comme indiqué ci-dessous:

  L'image ci-dessus représente les éléments nécessaires d'un document HTML. De plus, divers éléments et leurs attributs embellissent l'interface de la page et répondent aux besoins d'un utilisateur.

  Conclusion

  HTML est une langue qui offre le formatage et la structuration du texte pour une page Web. Cet article fournit un guide informatif et complet sur HTML. Vous avez appris les éléments constitutifs des documents HTML. De plus, nous avons fourni des liens vers plusieurs outils d'édition qui peuvent vous aider à créer des pages HTML.