Les instruccions HyperText Markup Language (HTML) que formen taules ubicades a les pàgines web proporcionen un nombre bastant gran de paràmetres addicionals. Això permet, a diferència d'altres elements de blocs, establir mides no només mitjançant el llenguatge CSS (Cascading Style Sheets o "Cascading Style Sheets"), sinó també mitjançant el propi HTML.
Instruccions
Pas 1
Utilitzeu l'atribut width de l'etiqueta de taula per especificar l'amplada de la taula en píxels. La taula d’etiquetes (instrucció HTML) consisteix en una obertura (
) parts, entre les quals hi ha etiquetes que formen les files i les cel·les de la taula. Es poden col·locar paràmetres addicionals (atributs) a l'etiqueta d'obertura, la llista dels quals per a cada etiqueta específica està determinada per les normes internacionals. Per a l'etiqueta de taula, aquests estàndards permeten utilitzar l'atribut width, que especifica l'amplada de la taula en píxels. El codi HTML d'una taula senzilla amb una etiqueta que defineix una amplada de 500 píxels pot tenir aquest aspecte:
| 1a cel·la | 2a cel·la |
Pas 2
Afegiu un caràcter% al valor de l'atribut ample si heu d'especificar l'amplada de la taula com a percentatge en lloc de fer-ho en píxels:
| 1a cel·la | 2a cel·la |
Tingueu en compte que aquests percentatges no es basaran necessàriament en l’amplada de la finestra del navegador. L’estructura del document és important aquí: de la mateixa manera que un ninot niu niuat no pot ser més ample que aquell en què està niat, de manera que el 100% de l’amplada de la taula no pot ser superior a l’amplada de l’element pare. Per exemple, si la taula es troba dins d’un bloc div, l’amplada d’aquest bloc es prendrà com a 100%.
Pas 3
Utilitzeu les instruccions d'idioma de la descripció d'estil si voleu establir la mateixa amplada per a les taules de la pàgina web en un sol lloc del codi font. Per fer-ho, primer col·loqueu a la part principal del codi HTML (entre i) les etiquetes d'obertura i tancament que limiten les declaracions de llenguatge CSS:
/ * Les instruccions CSS seran aquí * /
A continuació, poseu el següent CSS entre aquestes etiquetes: taula {width: 100px;} Aquí, la taula indica que la descripció col·locada dins de les claus s'ha d'aplicar a totes les etiquetes de taula que apareixen al codi de pàgina. Bé, el paràmetre ample defineix l'amplada. També aquí podeu utilitzar l’amplada relativa com a percentatge.
Pas 4
Especifiqueu el nom de la classe al codi CSS i a l'etiqueta de taula HTML si heu d'especificar l'amplada no per a totes les taules, sinó només per a una o diverses taules. Per exemple, diguem que la classe que marca un grup de taules estretes és petita. A continuació, la descripció del seu estil pot ser així: table.tiny {width: 100px;} I l'etiqueta corresponent d'una de les taules del codi HTML és així:
| 1a cel·la | 2a cel·la |
