Maison >interface Web >tutoriel HTML >Exemples de tutoriels sur les tableaux et listes en HTML

Exemples de tutoriels sur les tableaux et listes en HTML

零下一度
零下一度original
2017-06-24 11:58:411511parcourir

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

f5d188ed2c074f8b944552db028f98a1----------------------Débuts du tableau
​ ​ ​ 63bd76834ec05ac1f4c0ebbeaafb099437eb775bb5a9e6f3d094e96a76117fe8-------Titre du tableau
​ ​ ​​a34de1251f0d9fe1e645927f19a896e8---------------- ----Balise de début de ligne
                                                                                                                                  --Cellule
                                                                                                                                                                        ------------------Bout de table

(2), style de table

 

c

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>

2. Liste non ordonnée ff6d136ddc5fdfeffaf53ff6ee95f185 & 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 :
c34106e0b4e09414b63b2ea253ff83d6 Attribut de liste ordonnée :
<html>
     <head>
	<title>表格</title>
     </head>
     <body>
	 <ul type="circle">       
 		<li>无序列表</li>    
 	 </ul>           

     </body>
</html>
="1">
f6f112ef45f603be226bc581f9dd5e90                                        à 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!

Déclaration:
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