Les pestanyes ens permeten crear subpàgines dins d'un sol node, com per exemple qualsevol pàgina amb la informació detallada d'algun estudi. També les podem utilitzar per dividir la informació dins de una pàgina, com per exemple a la part final del directori.
Quan parlem de pestanyes hem de distingir entre dues parts molt importants:
El menú de pestanyes: és la barra horitzontal en què l'usuari tria quina pestanya vol veure.
El contingut de les pestanyes: és el contenidor en què l'usuari veu el contingut de la pestanya seleccionada.
Com es creen pestanyes
Per crear el menú de pestanyes:
El menú de pestanyes té un aspecte similar a:
Per crear el menú de pestanyes cal que enganxis l'estructura següent al codi font del node.
Un cop fet això, caldrà que substitueixis els textos "titolPestanya0n", pels títols reals que han de tenir les pestanyes.
Aquest codi afegirà un menú per a 3 pestanyes. En cas que no vulguis 3 pestanyes, cal que facis el següent:
Eliminar una pestanya: elimina l'última línia de codi abans del </div>.
Afegir una pestanya: duplica alguna de les línies de just abans del</div> i substitueix n pel número de pestanya.
Per crear el contingut de les pestanyes:
Un cop tens el menú creat, cal que creïs el contingut. Primerament, necessites una estructura HTML, així que pots copiar el codi següent a sota del codi del menú de pestanyes que has preparat abans.