Ang mga tagubilin sa HyperText Markup Language (HTML) na bumubuo ng mga talahanayan na inilagay sa mga web page ay nagbibigay ng medyo malaking bilang ng mga karagdagang parameter. Pinapayagan nito, hindi katulad ng ibang mga elemento ng pag-block, upang magtakda ng mga laki hindi lamang gamit ang wika ng CSS (Cascading Style Sheets o "Cascading Style Sheets"), ngunit ginagamit din ang HTML mismo.
Panuto
Hakbang 1
Gamitin ang katangiang lapad ng tag ng talahanayan upang tukuyin ang lapad ng talahanayan sa mga pixel. Ang talahanayan ng tag (tagubilin sa HTML) ay binubuo ng isang pambungad (
) mga bahagi, sa pagitan ng kung saan may mga tag na bumubuo ng mga hilera at cell ng talahanayan. Ang mga karagdagang parameter (mga katangian) ay maaaring mailagay sa pambungad na tag, ang listahan kung saan para sa bawat tukoy na tag ay natutukoy ng mga pamantayang pang-internasyonal. Para sa tag ng talahanayan, pinapayagan ng mga pamantayang ito ang paggamit ng katangian ng lapad, na tumutukoy sa lapad ng talahanayan sa mga pixel. Ang HTML code ng isang simpleng talahanayan na may tulad na tag na tumutukoy sa isang lapad na 500 pixel ay maaaring magmukhang ganito:
| 1st cell | 2nd cell |
Hakbang 2
Magdagdag ng isang% character sa halaga ng lapad na katangian kung kailangan mong tukuyin ang lapad ng talahanayan bilang isang porsyento kaysa sa mga pixel:
| 1st cell | 2nd cell |
Mangyaring tandaan na ang mga porsyento na ito ay hindi kinakailangan na batay sa lapad ng window ng browser. Mahalaga ang istraktura ng dokumento dito - tulad ng isang may pugad na manika na may pugad ay hindi maaaring mas malawak kaysa sa kung saan ito ay pugad, kaya't 100% ng lapad ng talahanayan ay hindi maaaring mas malaki kaysa sa lapad ng sangkap ng magulang. Halimbawa, kung ang talahanayan ay nasa loob ng isang div block, kung gayon ang lapad ng bloke na ito ay kukuha ng 100%.
Hakbang 3
Gamitin ang mga tagubilin sa wika ng paglalarawan ng estilo kung nais mong itakda ang parehong lapad para sa mga talahanayan sa web page sa isang lugar sa source code. Upang magawa ito, ilagay muna sa punong bahagi ng HTML code (sa pagitan at) ang mga pambungad at pagsasara na mga tag na naglilimita sa mga pahayag sa wika ng CSS:
/ * Narito ang mga tagubilin sa CSS * /
Pagkatapos ay ilagay ang sumusunod na CSS sa pagitan ng mga tag na iyon: talahanayan {lapad: 100px;} Dito, ipinapahiwatig ng talahanayan na ang paglalarawan na inilagay sa loob ng mga kulot na tirante ay dapat mailapat sa lahat ng mga tag ng talahanayan na lilitaw sa code ng pahina. Sa gayon, itinatakda ng parameter ng lapad ang lapad. Dito, maaari mo ring gamitin ang kamag-anak na lapad bilang isang porsyento.
Hakbang 4
Tukuyin ang pangalan ng klase sa CSS code at sa tag ng talahanayan ng HTML kung kailangan mong tukuyin ang lapad hindi para sa lahat ng mga talahanayan, ngunit para lamang sa isa o maraming mga talahanayan. Halimbawa, sabihin nating ang klase na nagmamarka ng isang pangkat ng makitid na talahanayan ay maliit. Pagkatapos ang paglalarawan ng istilo nito ay maaaring ganito: table.tiny {width: 100px;} At ang kaukulang tag ng isa sa mga talahanayan sa HTML code ay ganito:
| 1st cell | 2nd cell |
