Une brève analyse de l'introduction et de l'utilisation de Table et div

Front-end Web 1

Composants du formulaire :

Pied de page du corps de l’en-tête du titre

Tableau définit un tableau

 <table border="1" cellpacing="0" cellpadding="0" align="center">
</table>

Légende définit le titre du tableau

 <caption>web front/caption>fin 1<

Thead définit la partie de l'en-tête

 <tête>
				<tr>
					<th>Numéro d'identification d'étudiant</th>
					<th>Nom</th>
					<th>Genre</th>
					<th>Âge</th>
				</tr>
			</tête>

Tbody définit le corps du tableau

 <corps>
				<tr>
					<td>01</td>
					<td>Zhang San</td>
					<td>Homme</td>
					<td>20</td>
				</tr>
				<tr>
					<td>02</td>
					<td>李思</td>
					<td>Femme</td>
					<td>21</td>
				</tr>
				<pied>
					<tr>
						<td colspan="3">Nombre total de personnes :</td>
						<td>60</td>
					</tr>
				</tfoot>
			</tbody>

Tfoot définit le pied de page du tableau, généralement pour afficher des informations récapitulatives

 <pied>
					<tr>
						<td colspan="3">Nombre total de personnes :</td>
						<td>60</td>
					</tr>
				</tfoot>

Tr définit une ligne

 <tr>
					<th>Numéro d'identification d'étudiant</th>
					<th>Nom</th>
					<th>Genre</th>
					<th>Âge</th>
				</tr>

Th td définit les éléments de données (cellules) qui sont généralement utilisés pour les en-têtes de tableau et ont un style gras

Td est généralement utilisé pour la partie principale, sans style gras

 <tr>
					<td>01</td>
					<td>Zhang San</td>
					<td>Homme</td>
					<td>20</td>
				</tr>

Td rowspan et colspan définissent respectivement le nombre de lignes et de colonnes que s'étend la cellule.

 <td colspan="3">Nombre total de personnes :</td>

Cellspacing définit l'espacement des tableaux

Cellpadding définit les marges du tableau

 <table border="1" cellpacing="0" cellpadding="10">

Div définit une division

 <div style="largeur : 200 px ; hauteur : 200 px ; couleur de fond : bleu ciel " ;>

Fonctionnalité : Afficher les étiquettes au niveau du bloc sur une nouvelle ligne

La différence entre les balises de niveau bloc et les balises en ligne :

Les balises au niveau du bloc occupent toute la ligne. Les balises en ligne seront disposées de gauche à droite.

Balises de niveau bloc : h1-h6 p ul ol li div table dl form

Étiquette en ligne : s'étend sur une étiquette br I em

Caractéristiques des éléments de niveau bloc : display:block

Chaque bloc commence à partir d'une nouvelle ligne et les éléments suivants commenceront une nouvelle ligne. La largeur, la hauteur, la hauteur de ligne et les marges intérieures et extérieures de l'élément sont toutes réglables. Si la largeur de l'élément n'est pas définie, elle le sera. 100 % de son conteneur parent, sauf si vous définissez la hauteur pour lui

Caractéristiques des éléments inline : affichage : inline

Ils sont tous sur la même ligne que les autres éléments. La largeur, la hauteur, la hauteur de ligne et les marges intérieures et extérieures de l'élément ne peuvent pas être définies. La largeur de l'élément correspond à la largeur du texte ou de l'image qu'il contient et ne peut pas être modifiée. .

Caractéristiques des éléments de bloc en ligne : display : inline-block

et les autres éléments sont tous sur la même ligne. La largeur, la hauteur, la hauteur de la ligne et les marges intérieures et extérieures peuvent toutes être définies.

Résumer

Ceci conclut cet article sur la brève introduction et l'utilisation de Table et div. Pour plus d'informations sur l'introduction et l'utilisation de Table et div, veuillez rechercher les articles précédents sur downcodes.com ou continuer à parcourir les articles connexes suivants. com plus à l'avenir !