Plusieurs pages Web sont incluses sur un site Web, comme la page d'accueil, la page de contact et la page. La langue HTML est utilisée pour créer ces pages. Les sites Web sont structurés et leur contenu est spécifié à l'aide de HTML. Dans le contenu du site Web, il existe plusieurs éléments, notamment des titres, des paragraphes, des boutons et des liens.
Dans ce manuel, nous apprendrons les codes HTML de base. Alors, commençons!
Quels sont les codes HTML de base?
HTML est basé sur différentes balises telles que , ,
Les balises suivantes seront désormais discutées plus en détail:
Commençons par le premier.
Dans HTML5, le «»La balise apparaît au tout début du document. Le navigateur l'utilise pour découvrir la version HTML. Plus précisément, il indique au navigateur quelle version de HTML le document est écrit:
étiqueter
Les types de documents sont définis par la balise de départ. Pour créer un document HTML, le «»La balise est utilisée. Tous les autres éléments de HTML, comme «diriger" et "corps», Sont écrits entre le«" et "" Mots clés:
étiqueter
La balise de tête de HTML définit les informations liées au document dans la tête du document. Il contient d'autres éléments de tête tels que ,,, et:
étiqueter
Dans un document HTML, pour utiliser le style en ligne, "»La balise est utilisée. Les propriétés de style définies à l'intérieur de la balise déterminent à quoi ressemblera le document. Par exemple, le style défini dans la section en surbrillance ne s'applique que dans le document:
étiqueter
Le "»Tag spécifie le type de contenu ajouté sur une page, y compris les en-têtes, paragraphes, liens, boutons, images et autres. Chaque document HTML a besoin de cette balise et ne doit l'utiliser qu'une seule fois:
Étiquette de tête
Une rubrique est la première partie de tout document. Il existe différentes versions que vous pouvez utiliser pour les titres, y compris
,
,
Exemple 1: étiqueter
Ici, nous ajouterons le cap le plus haut niveau en utilisant le «" étiqueter:
Vous pouvez voir que l'en-tête est ajouté à la page Web:
Exemple 2: étiqueter
Maintenant, nous allons ajouter deux capes en utilisant le
Tags pour afficher la différence entre les deux:
C'est un titre 2
On peut voir que les deux titres se différencient en termes de taille de police:
étiqueter
Les paragraphes peuvent être définis dans une page Web à l'aide du HTML "" étiqueter. Le
Les balises indiquent le début d'un nouveau paragraphe en HTML. Une ligne vide est ajoutée à chaque paragraphe au début ou à la fin du navigateur.
Exemple
Ici, nous utiliserons " C'est un paragraphe Dans la sortie ci-dessous, le paragraphe est ajouté à la même page Web: étiqueter Une balise HTML Div est utilisée pour ajouter les éléments HTML ensemble. Les balises ont des rôles spécifiques. Par exemple, le La balise indique des paragraphes, H1 à H6 représente les titres, mais la balise div spécifie des sections dans les documents HTML. Les éléments HTML sont généralement regroupés en utilisant la balise DIV afin que les styles CSS puissent être appliqués à beaucoup d'entre eux simultanément. Exemple Ici, nous ajouterons une div en utilisant le "" étiqueter. Après cela, nous ajouterons un titre en utilisant étiqueter: paragraphe Sortir étiqueter Le "»La balise est utilisée pour les pauses de ligne; Tout ce qui le suit commence à partir de la ligne suivante. À l'endroit où vous ajouterez le Tag, les prochains éléments Web seront déplacés vers la nouvelle ligne de la page Web. Exemple Ici, nous allons ajouter "”Tag dans une déclaration div, après le mot«un»: Dans l'image ci-dessous, vous pouvez voir qu'il y a une pause de ligne après le mot "un»: étiqueter Le "”La balise est utilisée pour obtenir les commentaires de l'utilisateur. HTML permet à un utilisateur de spécifier un champ de saisie où les données peuvent être entrées. Il peut avoir une variété de types en fonction de leurs attributs, tels que des zones de texte, des cases à cocher, des boutons radio et bien d'autres. Exemple Maintenant, nous allons créer une case à cocher, en utilisant le "»Tag et définissez le type d'entrée comme«cocher»: En utilisant le code ci-dessus, vous pouvez voir que la case à cocher est ajoutée avec succès: étiqueter Le "”La balise est utilisée pour définir la légende d'un élément. Il est ajouté avec les éléments de formulaire, tels que le champ de texte, la zone de messagerie, le champ de mot de passe ou la case pour fournir des informations connexes. Exemple Définissez l'étiquette après la case à cocher à l'aide du "”Tag et spécifiez le texte de l'étiquette: Voici le résultat qui démontre que l'étiquette représente la case à cocher: C'est ça! Nous avons expliqué en détail la balise de base HTML. Conclusion Pour créer un document HTML et y ajouter des éléments, il existe différentes balises qui sont utilisées telles que , , , , et beaucoup plus. Dans cet article, nous avons expliqué toutes ces balises et fourni des exemples de chaque étiquette pour votre meilleure compréhension.
…
et paragraphe en utilisant
…C'est un div
…
C'est un div
…
…
,