Веб-баракчаларда жайгаштырылган таблицаларды түзүүчү HyperText Markup Language (HTML) көрсөтмөлөрү кыйла көп сандагы кошумча параметрлерди камсыз кылат. Бул, башка блок элементтеринен айырмаланып, көлөмдөрдү CSS тилин гана колдонбостон (Cascading Style Sheets же "Cascading Style Sheets") эмес, HTMLдин өзүн дагы колдоно алат.
Нускамалар
1 кадам
Таблицанын туурасы атрибутун колдонуп, таблицанын туурасын пиксел менен көрсөтүңүз. Тег (HTML инструкциясы) таблицасы ачылуудан турат (
) бөлүктөр, алардын ортосунда столдун катарларын жана уячаларын түзүүчү тегдер бар. Кошумча параметрлер (атрибуттар) ачылыш тегине жайгаштырылышы мүмкүн, алардын тизмеси ар бир конкреттүү бирка үчүн эл аралык стандарттар менен аныкталат. Таблица теги үчүн, бул стандарттар кеңдиктин атрибутун колдонууга мүмкүндүк берет, бул таблицанын туурасын пиксел менен аныктайт. Жөнөкөй таблицанын HTML коду, мындай туурасы 500 пикселди аныктайт:
| 1-уяча | 2-уяча |
2-кадам
Таблицанын туурасын пиксел менен эмес, пайыз менен көрсөтүү керек болсо, width атрибутунун маанисине% белгисин кошуңуз:
| 1-уяча | 2-уяча |
Сураныч, бул пайыздар браузер терезесинин кеңдигине негизделбейт. Документтин түзүмү ушул жерде маанилүү - уя курган куурчак уя салгандан кеңирээк боло албагандай эле, столдун туурасынын 100% эне-аталык элементтин кеңдигинен чоң боло албайт. Мисалы, эгер таблица div блоктун ичинде болсо, анда бул блоктун туурасы 100% кабыл алынат.
3-кадам
Веб баракчасындагы таблицалар үчүн бирдей кеңдикти баштапкы коддун бир жерине орнотууну кааласаңыз, стилдин сүрөттөлүшү тилинин көрсөтмөлөрүн колдонуңуз. Бул үчүн, HTML кодунун баш бөлүгүнө биринчи орунга коюңуз (жана ортосунда) CSS тилинин билдирүүлөрүн чектеген ачылуучу жана жабылуучу тегдер:
/ * CSS көрсөтмөлөрү бул жерде болот * /
Андан кийин, ошол тегдердин арасына төмөнкү CSS-ти коюңуз: table {width: 100px;} Бул жерде, таблица тармал кашаанын ичине жайгаштырылган сүрөттөмө барактын кодунда пайда болгон бардык таблица тэгдерине колдонулушу керектигин билдирет. Ооба, туурасы параметр туурасын белгилейт. Бул жерде да, салыштырмалуу туурасын пайыз менен колдонсо болот.
4-кадам
Бардык таблицалар үчүн эмес, бир же бир нече таблицалар үчүн гана туурасын белгилөө керек болсо, CSS кодунда жана HTML таблицасында класстын атын көрсөтүңүз. Мисалы, тар столдордун тобун белгилеген класс кичинекей деп коёлу. Андан кийин анын стилинин сүрөттөлүшү төмөнкүдөй болушу мүмкүн: table.tiny {width: 100px;} Жана HTML кодундагы таблицалардын биринин тийиштүү теги мындай:
| 1-уяча | 2-уяча |
