HTML est le langage utilisé pour créer des pages Web en utilisant différents blocs. Ces éléments sont dans le style de formulaire divisé en deux types différents en tant qu'éléments de niveau Blocs HTML et éléments en ligne. Tous ces types d'éléments sont inclus dans la balise des blocs HTML. Les éléments de niveau bloc sont structurés pour concevoir la disposition principale de votre page Web.
Si nous parlons de la vue de structure, cela crée une vue de structure plus grande que la vue des éléments en ligne. Chaque élément de niveau bloc commence par une nouvelle ligne occupant toute la largeur de l'écran. Ils doivent être écrits dans les balises d'ouverture et de fermeture.
Le regroupement des éléments est une méthode importante pour diviser la disposition sous la forme de sections ou de sous-sections. Il est possible de placer n'importe quel élément de bloc dans un autre élément de bloc, ainsi que nous pouvons également placer des éléments en ligne dans les éléments HTML Blocks, mais il n'est pas possible de placer des éléments de niveau bloc dans les éléments en ligne plutôt que la balise d'élément.
Voyons la syntaxe des différents éléments de niveau bloc HTML comme suit:
1. élément div: il fonctionne comme un élément de bloc, qui prend toute la largeur de l'écran et commence toujours sur une nouvelle ligne.
( ……Lines of code……)
2. table: table est utilisée pour afficher les données sous forme de tableau, y compris l'en-tête de table, le corps de table ayant une ligne de table et une colonne de table.
3. Éléments de liste: liste ordonnée et liste non ordonnée.
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
An Unordered list
An Ordered list
4. Mettre des éléments de formulaire : Mettre des éléments de formulaire pour créer un formulaire HTML comme suit.
Éléments des blocs HTML
Il existe différents éléments utilisés comme éléments de niveau bloc HTML:
: La balise d'adresse est utilisée pour spécifier les coordonnées de l'auteur dans l'article HTML.
: L'article est utilisé pour spécifier le contenu qui est autonome.
: Il s'agit de types d'éléments situés en dehors du contenu principal, généralement, ils sont traités comme une barre latérale.
: Chaque fois que nous prenons du contenu d'une autre source, la citation est utilisée.
: L' élément Canvas est utilisé dans les documents Web pour fournir un espace graphique.
: C'est l'élément le plus important dans tout le développement Web qui est utilisé pour diviser les documents HTML en sections ou divisions.
: Quels que soient les libellés ou les éléments liés au groupe utilisés dans les formulaires Web regroupés dans le jeu de champs.
: Les formulaires HTML sont définis à l'aide de cet élément de niveau bloc. Il est le plus souvent utilisé dans le processus de développement Web.
: Il est utilisé pour indiquer la section de pied de page d'une page Web.
-
: Ce sont les titres utilisés dans le langage HTML définissant les niveaux 1 à 6.
: Cet élément est utilisé pour indiquer la section d'en-tête de la page Web.
: Il s'agit du dernier élément introduit dans HTML 5 qui est utilisé pour indiquer la section de la page y compris les liens de navigation.
: L'élément Section est utilisé pour représenter une section générique dans son document.
: Chaque fois que nous voulons afficher des données au format tabulaire, un tableau est une solution parfaite pour cela. Il créera un tableau dans votre document HTML.
: Si vous souhaitez inclure du contenu vidéo dans votre document HTML, il est également possible d'utiliser des éléments vidéo simples dans votre code.
: Si un utilisateur souhaite afficher une liste d'éléments, il est possible d'utiliser
élément.
: Il affichera la liste de la manière ordonnée.
: Il affichera la liste de manière non ordonnée.
: cet élément permet de décrire différents termes au format de la liste de description.
Exemples de blocs HTML
Voici quelques exemples de blocs HTML qui sont donnés ci-dessous:
Exemple 1
Dans l'exemple ci-dessous, nous allons utiliser certains éléments de base du bloc HTML comme div, p, headings, élément lists avec la liste ordonnée et non ordonnée, etc.
Code:
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
HTML Block Level Elements
Ceci est l'exemple des éléments de bloc HTML montrant plusieurs blocs éléments de niveau inclus à l'intérieur. Ici, nous pouvons également utiliser des éléments en ligne
Exemple comprenant les éléments div, p, headings, list elements
Cet exemple montre différents types d'éléments de bloc HTML comme div, p , rubriques entre h1 et h6
Exemple de listes
Une liste HTML non ordonnée montrant les pays
Mumbai
Pune
Nagpur
Une liste HTML ordonnée montrant les pays
Mumbai
Pune
Nagpur
Production:
Exemple # 2
Ici, nous allons voir un autre exemple dans lequel nous créons une table.
Maintenant, en utilisant des éléments de blocs HTML, nous allons créer un formulaire HTML comme suit:
Code:
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Password Input Control
Welcome to HTMl Block Demo Please login here User ID :
Password:
Remember Me
Production:
Exemple # 4
Ici, nous essayons d'adresser l'élément dans des blocs HTML.
Code:
Presented BY Narendra Modi. Visit us at:Delhi primeminister.com Box 104, Red Fort Delhi
Production:
Conclusion
De toutes les informations ci-dessus, il a conclu que l'élément de niveau de blocs HTML inclus dans le corps du document HTML. Il créera de grands blocs HTML de sections comme des paragraphes ou des pages avec la division. On peut inclure un autre élément de niveau bloc dans les éléments de niveau bloc. Il est également possible d'inclure des éléments en ligne dans l'élément de niveau bloc, mais l'inclusion d'éléments de niveau bloc dans les éléments en ligne n'est pas possible.
Articles recommandés
Ceci est un guide des blocs HTML. Nous discutons ici des éléments des blocs HTML ainsi que des exemples et de l'implémentation du code. Vous pouvez également consulter les articles suivants pour en savoir plus -
Introduction au HTML
Créer des tableaux en HTML
Lien d'image en HTML
Éléments HTML5
Disposition HTML
Définir une couleur d'arrière-plan en HTML avec l'exemple