Introduction au fonctionnement de HTML:

HTML est un langage basé sur des balises utilisé pour le développement de pages Web; HTML signifie Hyper Text Markup Language. L'hypertexte fait référence à la façon dont les pages Web sont liées entre elles. Ainsi, le lien disponible sur une page Web s'appelle Hypertexte. C'est un langage de balisage, ce qui signifie que les balises indiquent au navigateur comment la page sera affichée. Il a été développé par Berners-Lee à la fin de 1991, mais «HTML2.0» a été la première spécification standard publiée en 1995. Plus tard, ses nombreuses versions de HTML sont devenues comme HTML 4.0, actuellement la dernière version de celui-ci est HTML5.0 qui est très célèbre devant mettre fin au développement de sites Web.

Structure du fonctionnement de la page HTML:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

Cette balise définit le type du document et la version HTML.

La balise ci-dessus contient le document complet du langage de programmation HTML, composé d'un en-tête de document qui est représenté par… et d'un corps de document qui est représenté par… balises.

La balise head représente l'en-tête du document qui peut conserver d'autres balises HTML comme, etc.

cette balise est utilisée à l'intérieur de la balise pour écrire le titre du document.

balise représente le corps du document qui conserve d'autres balises HTML comme,

,

etc.

Différentes balises d'œuvres HTML et leur description:

  • :

Balise de titre utilisée pour créer des variétés de l'exemple de titre donné ci-dessous



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Production

Rubrique 1
Rubrique 2
Rubrique 3
Rubrique 4
Rubrique 5
Rubrique 6

  • :

Il s'agit d'une balise de paragraphe qui peut être mieux comprise par l'exemple ci-dessous.



Paragraph Example

Ceci est un premier paragraphe de texte.

Ceci est un deuxième paragraphe de texte.

Ceci est un troisième paragraphe de texte.

Production

Ceci est le premier paragraphe du texte.
Ceci est le deuxième paragraphe du texte.
Ceci est le troisième paragraphe du texte.

  • :

Cette balise est utilisée pour rompre la ligne, nous pouvons utiliser cette balise chaque fois que nous voulons que quelque chose commence à la ligne suivante. Il s'agit d'une balise d'une seule ligne ne nécessitant pas de balise de fermeture.

  • :

Mettez tout le contenu au centre de cette utilisation principale de cette balise dans la création de pages Web.

  • :

Utilisé pour créer la ligne, principalement utilisé lorsque vous souhaitez dessiner une page Web sur une seule ligne.

  •  :

Il s'agit d'une balise HTML très importante, dans certains scénarios, nous voulons tout montrer de la même manière que dans la page HTML, dans ces cas, c'est une balise très utile. L'exemple est donné ci-dessous.



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

Production

Laravel est le framework PHP. C'est un framework open source utilisé dans le web
développement d'applications. Ce cadre est basé sur le contrôleur de vue du modèle
modèle de conception en raison de ce projet développé avec l'aide de ce cadre sont
plus structuré et gérable. Ce cadre réutilise l'existant

    Pour imprimer un seul espace, il est utilisé en HTML.

    • Propriétés des tags:

    Nous pouvons définir la propriété au niveau de la balise Exemple donné ci-dessous



    Align Attribute

    Aligné à gauche

    Aligné au centre

    Aligné à droite

    Production

    Aligné à gauche
    Aligné au centre
    Aligné à droite

    Attributs principaux du HTML

    Il y a peu d'attributs de base qui ont été utilisés avec presque tous les éléments HTML qui suivent

    • Id
    • Titre
    • Classe
    • Type

    1) Id:

    Cet attribut utilisé pour identifier de manière unique l'élément HTML dans la page, il peut être possible que le même élément ait été utilisé dans la page HTML à plusieurs endroits par l'attribut id, nous identifions l'élément et son contenu et pouvons être utilisés à une autre fin en javascript . L'exemple est donné ci-dessous.

    Ceci est le premier paragraphe qui explique ce qu'est le HTML comment l'utiliser

    Ce deuxième paragraphe qui explique ce qu'est la feuille de style en cascade et comment l'utiliser

    Explication - Dans l'exemple ci-dessus, le même élément a été utilisé deux fois, alors comment différencier cet élément uniquement par l'ID.

    2) Titre:

    Cette syntaxe d'attribut est similaire aux attributs id, le but de ces attributs dépendra de l'élément qui le porte, bien qu'il soit souvent affiché sous forme d'infobulle lorsque le curseur survole l'élément, c'est l'utilisation principale de cet attribut. L'exemple est donné ci-dessous -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Production

    Dormir depuis longtemps

    Si nous essayons de placer notre curseur sur «Dormir depuis longtemps», nous verrons que le titre que nous avons utilisé dans notre code apparaît comme une info-bulle du curseur.

    3) Classe:

    L'attribut class est utilisé pour associer un élément à une feuille de style et spécifie la classe de l'élément. Nous en apprendrons plus sur l'utilisation de l'attribut class lorsque nous apprendrons la feuille de style en cascade (CSS). Son utilisation principale en CSS. La valeur de cet attribut peut également être une liste de noms de classe séparés par des espaces. L'exemple est donné ci-dessous -

    class = "className11 className12 className53"

    4) Style:

    Il est utilisé pour écrire la règle de style en cascade au niveau de l'élément, peut être mieux expliqué par l'exemple ci-dessous



    The style Attribute

    Ceci est un exemple de texte, c'est de la couleur rouge …

    Production

    Ceci est un exemple de texte, c'est de la couleur rouge…

    Conclusion - Comment fonctionne HTML:

    Comme nous l'avons vu de nombreuses balises de base, la page Web peut être créée à l'aide de ces balises qui peuvent être affichées pour l'utilisateur final chaque fois qu'un utilisateur demande la page Web particulière via son navigateur Web, le travail d'affichage sera effectué par le Web navigateur. Aujourd'hui, de nombreuses nouvelles balises existent sur le marché pour rendre les pages Web plus attrayantes.

    Articles recommandés

    Cela a été un guide sur le fonctionnement du HTML. Ici, nous avons discuté du concept de base du HTML en utilisant différentes balises et attributs de base du HTML. Vous pouvez également consulter les articles suivants pour en savoir plus -

    1. Applications du HTML
    2. HTML5 vs XHTML
    3. Questions et réponses d'entrevue HTML5
    4. Aide-mémoire HTML
    5. Styles de liste HTML

    Catégorie:

    Outils de développement Web