Веб-беттерге орналастырылған кестелерді құрайтын HyperText Markup Language (HTML) нұсқаулары қосымша параметрлердің жеткілікті көп мөлшерін ұсынады. Бұл басқа блок элементтерінен айырмашылығы өлшемдерді CSS тілін ғана емес (каскадтық стильдер кестесі немесе «каскадтық стильдер кестелері»), сонымен қатар HTML-ді қолданудың көмегімен орнатуға мүмкіндік береді.
Нұсқаулық
1-қадам
Кесте тегінің атрибутын кестенің енін пиксельмен көрсету үшін пайдаланыңыз. Тег (HTML нұсқауы) кестесі ашылудан тұрады (
) бөліктер, олардың арасында кестенің жолдары мен ұяшықтарын құрайтын тегтер бар. Қосымша параметрлерді (атрибуттарды) ашылу тегіне орналастыруға болады, олардың тізімі әрбір нақты тег үшін халықаралық стандарттармен анықталады. Кесте тегі үшін бұл стандарттар кестенің енін пиксельмен анықтайтын width атрибутын пайдалануға мүмкіндік береді. Осындай ені 500 пиксель болатын қарапайым кестенің HTML коды келесідей болуы мүмкін:
| 1-ші ұяшық | 2-ші ұяшық |
2-қадам
Кестенің енін пиксельмен емес пайызбен көрсету қажет болса, ені атрибутының мәніне% таңбасын қосыңыз:
| 1-ші ұяшық | 2-ші ұяшық |
Бұл пайыздар міндетті түрде шолғыш терезесінің еніне байланысты болмайтынын ескеріңіз. Бұл жерде құжаттың құрылымы маңызды - ұя салатын қуыршақ ұя салғаннан гөрі кең бола алмайтыны сияқты, кесте енінің 100% -ы негізгі элементтің енінен үлкен бола алмайды. Мысалы, егер кесте div блоктың ішінде болса, онда бұл блоктың ені 100% алынады.
3-қадам
Веб-беттегі кестелер үшін бірдей ені бастапқы кодтың бір орнында орнатқыңыз келсе, мәнерді сипаттау тілінің нұсқауларын пайдаланыңыз. Ол үшін HTML кодының бас бөлігінде бірінші орынға (және арасында) CSS тілінің сөйлемдерін шектейтін ашылатын және жабылатын тегтер қойылады:
/ * CSS нұсқаулары осында болады * /
Содан кейін сол тегтердің арасына келесі CSS-ті қойыңыз: кесте {width: 100px;} Мұнда кесте бұйра жақшалардың ішіне орналастырылған сипаттаманың парақ кодында пайда болатын барлық кесте тегтеріне қолданылуы керектігін көрсетеді. Ені параметрі енін орнатады. Мұнда да сіз салыстырмалы енін пайызбен пайдалана аласыз.
4-қадам
Барлық кестелер үшін емес, тек бір немесе бірнеше кестелер үшін енін көрсету қажет болса, CSS кодында және HTML кесте тегінде сынып атын көрсетіңіз. Мысалы, тар кестелер тобын белгілейтін сынып кішкентай деп айтайық. Сонда оның стилінің сипаттамасы келесідей болуы мүмкін: table.tiny {width: 100px;} Және HTML кодындағы кестелердің бірінің сәйкес тэгі келесідей:
| 1-ші ұяшық | 2-ші ұяшық |
