Exemples de tutoriels sur les tableaux et listes en HTML-tutoriel HTML-php.cn

Nous avons préparé pour vous des formulaires et des listes aujourd'hui.

1. L'article contient des tableaux avec diverses donnéesCette page Web ne fait pas exception.

(1), signification de l'étiquette

----------------------Débuts du tableau
-------Titre du tableau
---------------- ----Balise de début de ligne
--Cellule
------------------Bout de table

(2), style de table

ellpadding unité de définition d'attribut La distance entre la bordure de la cellule et le contenu de la cellule. .
hauteur Définissez la hauteur de la table. [Remarque] : Il est préférable d'écrire l'attribut « Élevé » dans le table et de le laisser se développer automatiquement. Mais cela peut donner à tr la hauteur requise pour chaque rangée
Code

Effet

<html>
     <head>
	<title>表格</title>
     </head>
     <body>
	<table border="1px" width="500px" cellpadding="10px" cellspacing="10px">
　　		<caption>表格标题</caption>
　　　　		<tr height="50px"> 
　　　　　　		<th>表头</th>
　　　　　　		<th>表头</th>
　　　　		</tr>
		<tr> 
　　　　　　		<td>单元格</td>
　　　　　　		<td>单元格</td>
　　　　		</tr>
	</table>
     </body>
</html>

Copier après la connexion

2. Liste non ordonnée
& Lt; li & gt; & lt;/li & gt; (attribut de type) & lt; ul type = "dise" & gt; cercle (cercle creux) carré (carré)

code

effet

Liste ordonnée

Liste ordonnée :

<html>
     <head>
	<title>表格</title>
     </head>
     <body>
	 <ul type="circle">       
 		<li>无序列表</li>    
 	 </ul>           

     </body>
</html>

Copier après la connexion

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 à travers les chiffres 1.2.3... ....Organiser vers le bas)

Cette liste ordonnée ne démarre pas à partir de 1 par défaut mais commence à partir de 2)

Code

L'effet est selon A, B, C ... Disposez les caractères vers le bas et vous ne pouvez écrire que ces trois types

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：

html 基础表格

source：php.cn

Article précédent：Partager une question d'algorithme liée au front-end Article suivant：Explication détaillée du modèle de boîte en CSS

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