Com Alinear Una Taula

Taula de continguts:

Com Alinear Una Taula
Com Alinear Una Taula

Vídeo: Com Alinear Una Taula

Vídeo: Com Alinear Una Taula
Vídeo: Como alinear un auto cuando usa barras de torsión 2 2024, Maig
Anonim

En els llocs de construcció que utilitzen el popular i senzill llenguatge HTML, hi ha certes regles per al disseny i l'alineació de taules. No és estrany que la taula que heu col·locat a la pàgina es mogui i, per tant, cal centrar-la a la pàgina, o bé a l’esquerra o a la dreta per ajustar-la al disseny general de la pàgina. Per defecte, una taula en HTML està alineada a l'esquerra i, per tant, heu de conèixer les etiquetes amb les quals podeu reposicionar-la.

Com alinear una taula
Com alinear una taula

Instruccions

Pas 1

Per alinear la taula al centre de la pàgina web, utilitzeu l'atribut present a l'etiqueta de taula. Per alinear la taula a la dreta, utilitzeu l'atribut en conseqüència. Per alinear-lo a l'esquerra de la pàgina, canvieu el valor de l'atribut a l'esquerra.

Pas 2

A més de la mateixa taula, també podeu alinear el contingut de les seves cel·les, horitzontalment o verticalment. Per alinear horitzontalment el contingut de les cel·les de la taula, utilitzeu l'atribut align de l'etiqueta tr amb el valor adequat. Per a les cel·les, apliqueu-lo a l’etiqueta td.

Pas 3

Experimenteu amb diferents alineacions de files en diferents cel·les: podeu alinear el text d'una cel·la de taula al centre i a la dreta o a l'esquerra en una altra.

Pas 4

Per alinear verticalment el text, utilitzeu els atributs de l’etiqueta tr i td per situar el contingut a la part superior de la cel·la. Per situar el contingut a la línia central de la cel·la, canvieu el valor de dalt a mig i, per alinear-lo a la part inferior de la cel·la, canvieu el valor a la part inferior. També podeu alinear el contingut a la línia de base (valor de la línia de base).

Pas 5

Ajustant l’alineació del contingut de les cel·les tant horitzontalment com verticalment, podeu donar a la taula l’aspecte que hauria de tenir quan acabi a la vostra pàgina web.

Recomanat: