HTML signifie langage de balisage hypertexte, et les documents utilisant ce langage créent des pages Web. Chaque site Web l'utilise, il est donc important de comprendre comment cela fonctionne.

Dans cet article de tutoriel, vous apprendrez tout ce que vous devez savoir sur HTML.

Quel est le Déclaration?

Les déclaration est la première ligne de code dans chaque HTML déposer. Il indique aux navigateurs Web quelle version de HTML se trouve dans un fichier spécifique.

Chaque version de HTML est unique et a son propre ensemble de règles. HTML5 est la dernière version de la langue. C'est la version recommandée pour les développeurs, ainsi que la version la plus simple à déclarer. Pour déclarer un HTML5 document, ajoutez simplement le HTML élément à la déclaration.

Vous pouvez voir un exemple ci-dessous:

Quel est le Étiqueter?

Dans chaque HTML document, le la déclaration est suivie de la étiqueter. Cette balise identifie la racine du document et encadre le et Mots clés.

Les tag est la première section, et il contient le

instagram viewer
balises et . Cependant, dans certains cas, lorsque le développeur choisit d'utiliser le CSS interne, la balise est également placée dans la balise .

Une seule balise se trouve dans un document HTML. La balise contient le titre d'une page Web et cette information apparaît dans la zone d'onglet d'un navigateur Web.

Vous pouvez voir un exemple de balise de titre ci-dessous:

 Une introduction au HTML

Un HTML fichier qui a le La balise ci-dessus s'affichera sous la forme « Une introduction au HTML » dans la zone d'onglet des navigateurs.

La balise décrit le contenu d'une page Web et possède généralement un nom et un attribut de contenu. Trois des types de balises les plus populaires sont la description, le mot-clé et la fenêtre d'affichage.

Vous trouverez ci-dessous un exemple de balise de description :


L'attribut de contenu de la balise description contient une description de votre site Web page. Ce sont les données affichées dans les résultats d'un moteur de recherche, qui indiquent à un visiteur potentiel à quoi s'attendre sur un site Web.

Vous trouverez ci-dessous un exemple de balise de mots clés :



La balise keywords contient des mots ou des phrases pertinents pour votre site web. Chaque nouveau mot ou expression attribué à un attribut de contenu de mot-clé est séparé par une virgule, comme vous pouvez le voir dans l'exemple ci-dessus.

Vous trouverez ci-dessous un exemple de balise viewport:



La balise viewport permet de créer des conceptions réactives, en rendant votre page Web réactive à différents types d'appareils.

Qu'est-ce que la balise  ?

La balise La balise est la deuxième section principale de la balise racine . La balise contient tous les éléments affichés sur une page Web.

Les éléments avec une balise sont classés en tant qu'éléments en ligne ou en bloc. Si vous voulez voir un aide-mémoire complet sur l'essentiel du HTML, nous en avons créé un pour que vous puissiez tout comprendre plus facilement.

Que sont les éléments de bloc ?

Les éléments de bloc commencent toujours sur une nouvelle ligne et occupent toute la largeur de la ligne qu'ils êtes sur.

Certains éléments de bloc que vous utiliserez incluent:

  • Les balises de titre
  • Les

    balise

  • La balise
  • La balise
      balise
  • La balise
    • La balise
    • Les éléments de bloc sont utilisés pour diviser le texte sur le site Web dans un format cohérent et digeste.

      Il existe six types différents de balises de titre:

      ,

      ,

      ,

      ,
      et
      . La balise

      produit le titre le plus grand, la balise
      produit le titre le plus petit, et tous les autres titres tombent à une position entre les deux (selon son nombre valeur).

      Les balises de titre sont utilisées sur les titres d'une page Web. L'utilisation d'une balise d'en-tête spécifique dépend de la position de l'en-tête sur la page Web. Par exemple, la balise

      est utilisée sur le premier titre d'une page Web, et une page Web n'utilise qu'un seul élément h1 (bien qu'elle puisse avoir plusieurs éléments h2, h3 et h4).

      Vous pouvez voir un exemple de la balise

      en action ci-dessous:

      Apprendre les bases du HTML


      code>

      Qu'est-ce que la balise

       ?

      La balise

      est un autre élément de bloc utilisé dans le corps de la page Web, et il crée des paragraphes. Voici un exemple d'utilisation de cette balise:


      Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
      inventore, reiciendis earum illum mollitia dignissimos officia, culpa cumque dolorem
      quidem atque maiores, ad tempora quia. Repudiandae, delectus !


      Qu'est-ce que le
      Balise ?

      La balise

      représente une division. Il est utilisé pour créer des conteneurs pour des groupes d'autres éléments HTML à des fins de style ou de fonctionnalité.

      Par exemple, si vous travaillez avec une grille, vous devrez mettre tous les éléments de la grille dans un conteneur. Une balise

      est ce que vous devrez utiliser pour créer le conteneur.

      Connexe: Apprenez à créer des sites Web en deux dimensions avec une grille CSS

      Les balises

        et
        sont utilisées pour créer des listes en HTML. La balise
        crée des listes ordonnées, tandis que la balise
          crée des listes non ordonnées. Cependant, les deux balises utilisent la balise
        • , qui crée des éléments de liste.

          Utilisation de la balise

            Une liste ordonnée utilise des nombres par défaut. Cependant, la balise

            a un attribut type que vous pouvez utiliser pour indiquer explicitement l'élément que vous souhaitez utiliser pour ordonner votre liste. Vous pouvez commander une liste avec des chiffres romains majuscules ou minuscules, des lettres majuscules ou minuscules ou des chiffres.

            Vous pouvez voir un exemple ci-dessous:


            1. Premier élément

            2. < li>Deuxième item
            3. Troisième élément


            Le code ci-dessus crée une liste ordonnée en utilisant lettres de cas.

            Utilisation de la balise

              La balise

                a également une attribut type, qui prend l'une des valeurs suivantes: à savoir disque, cercle ou carré. Cependant, le disque est l'indicateur par défaut d'un nouvel élément de liste dans une liste non ordonnée.

                Vous trouverez ci-dessous un exemple de ce qu'une liste non ordonnée voudrait sous forme de code:


                • Premier élément

                • Deuxième élément

                • Troisième élément


                Que sont les éléments en ligne ?

                Un élément en ligne ne démarrer sur une nouvelle ligne. Il commence à la prochaine position disponible, qui peut être ou non sur une nouvelle ligne, et il n'utilise que la largeur nécessaire. Certains éléments en ligne que vous êtes le plus susceptible d'utiliser incluent:

                • La balise
                • La balise
                • La Balise
                • La balise
                • La balise

                Nous discuterons de chacun de ces éléments plus en profondeur au dessous de.

                Qu'est-ce que la balise  ?

                La balise tag est utilisé à des fins de style en ligne. Par exemple, si vous souhaitez modifier le style d'un mot ou d'une phrase spécifique dans un paragraphe, vous pouvez utiliser la balise .

                Voici un exemple de cette balise:


                Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit aliquid a cupiditate
                inventore, reiciendis earum illum dignissimos officia ,culpa cumque dolorem
                quidem atque maiores, ad tempora quia. Repudiandae, delectus !


                En utilisant la balise dans le L'exemple ci-dessus garantit que les deux mots dans la balise peuvent désormais avoir un style.

                Qu'est-ce que la balise  ?

                La balise La balise est utilisée pour créer des liens sur une page Web. La balise permet à un développeur de créer un lien vers un site Web différent (lien externe) ou une page Web différente sur le même site Web (lien interne). La balise a deux attributs importants: href et target.

                L'attribut href est essentiel, car il stocke la valeur de l'emplacement du lien. Et l'attribut target est nécessaire car il permet à un utilisateur d'ouvrir le lien dans un nouvel onglet. Sans l'attribut cible, un lien s'ouvrira dans l'onglet actuel, et s'il s'agit d'un lien externe, il éloignera le trafic de votre site Web.

                Voir ci-dessous un exemple de la balise en action:

                Cliquez sur ce lien vers Google

                Apprendre le HTML est Essentiel pour les programmeurs

                L'apprentissage du HTML est crucial pour tous les programmeurs et devrait constituer la base de votre études. Heureusement, cependant, ce n'est pas trop compliqué non plus.

                Après avoir lu ce guide, vous devriez avoir tout ce dont vous avez besoin pour commencer à mieux formater les sites Web.

                PartagerTweeter span>E-mail
                Un Introduction aux feuilles de style en cascade (CSS)

                Prêt à abandonner les pages Web HTML fades et à pimenter les choses avec CSS? Voici le guide dont vous avez besoin pour commencer.

                Lire la suite

                Connaître Sujets
                • Programmation
                • HTML
                • Conseils de codage
                • Programmation
                À propos L'auteur
                Kadeisha Kean (27 articles Publié)

                Kadeisha Kean est un développeur de logiciels Full-Stack et un rédacteur technique/technologique. Elle a la capacité distincte de simplifier certains des concepts technologiques les plus complexes; produire du matériel qui peut être facilement compris par tout novice en technologie. Elle est passionnée par l'écriture, le développement de logiciels intéressants et les voyages à travers le monde (à travers des documentaires).

                En savoir plus sur Kadeisha Kean

                Abonnez-vous à notre newsletter

                Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

                Cliquez ici à abonnez-vous