Content

• Passos
• Consells
• Advertiments

És bastant difícil crear una taula en HTML. Però amb els passos descrits en aquest article, hauríeu de ser capaç de crear-ne un per al vostre lloc.

Passos

1. 1 Obriu un programa senzill de processament de textos com el Bloc de notes o WordPad al Windows, o bé obriu TextEdit al Mac.
2. 2 Introduïu tot el text que vulgueu veure davant de la taula.
3. 3 Definiu l'ús d'una taula per a un document HTML introduint la taula> etiqueta.
   
   
4. 4 Feu clic a Retorn.
   
   
5. 5 Introduïu l'etiqueta per obrir la taula de files mitjançant l'etiqueta tr>.
6. 6Recordeu construir tots els elements restants d’esquerra a dreta.
7. 7 Feu clic a Retorn.
8. 8 Introduïu una etiqueta inicial per a l'encapçalament de la taula mitjançant l'etiqueta th>.
9. 9 Introduïu el títol que voleu utilitzar per a la primera columna.
10. 10 Introduïu una etiqueta de tancament per a l'element de capçalera de la taula mitjançant l'etiqueta / th>.
11. 11 Feu clic a Retorn.
12. 12 Repetiu els passos (ordenant els elements en columnes d’esquerra a dreta).
13. 13 Tanqueu aquesta línia introduint l'etiqueta / tr>.
14. 14 Feu clic a Retorn.
15. 15 Comenceu una altra línia amb una altra etiqueta tr>.
16. 16 Feu clic a Retorn.
17. 17 Introduïu l'etiqueta de dades de la taula amb l'etiqueta td>.
18. 18 Introduïu les dades de la taula que voleu incloure a cada camp.
19. 19Treballeu d’esquerra a dreta, emplenant les dades de les columnes que es mostren més amunt.
20. 20 Tanqueu cada entrada amb l'etiqueta / td>.
21. 21 Repetiu-ho per a totes les dades de la taula que tingueu.
    • Per a les cel·les en què no cal introduir res, introduïu td> i td> i res al mig. Això serà molt útil per a camps entre altres dos camps.
22. 22 Tanqueu cada línia amb una altra etiqueta / tr>.
23. 23 Repetiu cada línia cap avall a més de les línies tr> i / td> fins que cada línia estigui muntada.
24. 24 Tanqueu la taula amb l'etiqueta / table>.
25. 25 Introduïu el següent text HTML segons necessiteu per a la resta del document.

Consells

• Sagnat de cada línia perquè pugueu entendre què intenteu fer al vostre codi.

Advertiments

• Si accidentalment introduïu massa columnes de dades on no hi ha cap encapçalament de taula, encara es mostraran, però semblaran una mica ximples i el lector no entendrà per a què serveix aquesta informació.
• Construir taules en una pàgina HTML és un procés difícil d’entendre. En primer lloc, practiqueu les dades externes per veure com són i, a continuació, navegueu i col·loqueu la nova taula al seu lloc.
• El codi de la taula HTML és millor deixar-lo als codificadors HTML avançats. Tot i això, després de seguir aquestes instruccions, també us convertireu en un d’ells.