En HTML, la mise en page définit la structure de base et l'apparence d'un site Web. La mise en page HTML est un modèle qui nous montre comment les éléments HTML sont disposés dans une page Web. Il vous offre la possibilité de créer des pages Web à l'aide de simples balises HTML.
La mise en page Div est la mise en page la plus courante en HTML, basée sur l'élément. Les éléments HTML sont utilisés pour définir des sections d'un document. Une balise est une balise conteneur, c'est-à-dire qu'elle possède une balise de début et une balise de fin.
Nous pouvons définir plusieurs éléments dans un document HTML, et chaque élément peut être utilisé pour afficher un ensemble d'informations différent. À l'intérieur de l'élément, nous pouvons utiliser plusieurs éléments HTML tels que paragpraph(
), head(
Ce qui suit est un exemple de disposition div
<html>
<head>
<style>
h2,p {
border: 2px;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div>
<h2>Introduction to Div tag</h2>
<p>Div tag is the most commonly used tag for creating layout in HTML.</p>
</div>
</body>
</html>
La mise en page des tableaux est l'une des mises en page les moins recommandées en HTML en raison de sa complexité. Comme son nom l’indique, il est basé sur l’élément
| , qui représente le titre du tableau, qui stocke le titre du tableau. Le dernier est | , qui correspond aux données du tableau, qui stocke les informations ou les données du tableau.
Exemple<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
}
</style>
<body>
<table>
<tr>
<th>This contains heading of the Table</th>
</tr>
<tr>
<td>This tag contains the data to be shown by the table.</td>
</tr>
<tr>
<p> we can use html elements inside table tag and we can also have multiple table row and table data in a table.</p>
</tr>
</table>
</body>
</html>
Copier après la connexion Disposition des tables DIV VSVoici les différences entre DIV et la disposition des tables –
ConclusionEn résumé, la disposition des div et la disposition des tables ont chacune leurs propres avantages et inconvénients. Les mises en page basées sur des divisions sont plus flexibles que les mises en page basées sur des tableaux, mais nécessitent plus de compétences en codage pour leur création et leur maintenance. Les tableaux, en revanche, sont plus faciles à apprendre pour les débutants et peuvent être utilisés pour des mises en page complexes qui nécessiteraient autrement beaucoup de code supplémentaire avec des div. En fin de compte, l’approche la mieux adaptée à vos besoins dépend de ce que vous souhaitez réaliser avec la conception de votre site Web. Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Étiquettes associées：
source：tutorialspoint.com
Article précédent：En JavaScript, quel est le but de l’événement onpageshow ?
Article suivant：Taille maximale d'un élément en HTML
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Rubriques connexes
Plus>
|
|---|
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
