Инструкциите на HyperText Markup Language (HTML), които формират таблици, поставени в уеб страници, предоставят доста голям брой допълнителни параметри. Това позволява, за разлика от други блокови елементи, да задавате размери не само с помощта на езика CSS (Cascading Style Sheets или "Cascading Style Sheets"), но и с помощта на самия HTML.
Инструкции
Етап 1
Използвайте атрибута width на маркера на таблицата, за да зададете ширината на таблицата в пиксели. Таблицата с етикет (инструкция HTML) се състои от отваряне (
) части, между които има тагове, които образуват редовете и клетките на таблицата. В отварящия етикет могат да се поставят допълнителни параметри (атрибути), чийто списък за всеки конкретен етикет се определя от международните стандарти. За маркера на таблицата тези стандарти позволяват използването на атрибута width, който определя ширината на таблицата в пиксели. HTML кодът на обикновена таблица с такъв маркер, определящ ширина от 500 пиксела, може да изглежда така:
| 1-ва клетка | 2-ра клетка |
Стъпка 2
Добавете знак% към стойността на атрибута width, ако трябва да посочите ширината на таблицата като процент, а не в пиксели:
| 1-ва клетка | 2-ра клетка |
Моля, обърнете внимание, че тези проценти не е задължително да се основават на ширината на прозореца на браузъра. Структурата на документа има значение тук - както вложената кукла за влагане не може да бъде по-широка от тази, в която е вложена, така 100% от ширината на таблицата не може да бъде по-голяма от ширината на родителския елемент. Например, ако таблицата е вътре в div блок, тогава ширината на този блок ще бъде приета за 100%.
Стъпка 3
Използвайте инструкциите за език за описание на стила, ако искате да зададете една и съща ширина за таблиците в уеб страницата на едно място в изходния код. За да направите това, първо място в заглавната част на HTML кода (между и) отварящите и затварящите маркери, които ограничават CSS езиковите изрази:
/ * CSS инструкциите ще бъдат тук * /
След това поставете следния CSS между тези маркери: table {width: 100px;} Тук таблицата показва, че описанието, поставено във фигурните скоби, трябва да се приложи към всички маркери на таблици, които се появяват в кода на страницата. Е, параметърът width задава ширината. И тук можете да използвате относителната ширина като процент.
Стъпка 4
Посочете името на класа в CSS кода и в тага на HTML таблицата, ако трябва да зададете ширината не за всички таблици, а само за една или няколко таблици. Да кажем например, че класът, който маркира група тесни таблици, е малък. Тогава описанието на стила му може да изглежда така: table.tiny {width: 100px;} И съответният таг на една от таблиците в HTML кода е по следния начин:
| 1-ва клетка | 2-ра клетка |
