Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ ПРОГРАММЫ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Учебники


HTML Формы


HTML Графика


HTML Медиа


HTML API Интерфейсы


HTML Примеры


HTML Ссылки



HTML Размеры таблицы



HTML таблицы могут иметь разные размеры для каждого столбца, строки или всей таблицы.


     
     
     
     
     
     
     
     

Используйте атрибут style с свойствами width и height для указания размера таблицы, строки или столбца.


Ширина таблицы

Чтобы задать ширину таблицы, добавьте атрибут style к элементу <table>:

Установите ширину таблицы равной 100%:

<table style="width:100%">
  <tr>
    <th>Имя</th>
    <th>Фамилия</th>
    <th>Год</th>
  </tr>
  <tr>
    <td>Андрей</td>
    <td>Щипунов</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Татьяна</td>
    <td>Щипунова</td>
    <td>94</td>
  </tr>
</table>
Попробуйте сами »

Примечание: Использование процента в качестве единицы измерения ширины означает, насколько широким будет этот элемент по сравнению с его родительским элементом, которым в данном случае является элемент <body>.


Ширина столбца таблицы

     
     
     

Чтобы задать размер определенного столбца, добавьте атрибут style в элемент <th> или <td>:

Установите ширину первого столбца равной 70%:

<table style="width:100%">
  <tr>
    <th style="width:70%">Имя</th>
    <th>Фамилия</th>
    <th>Год</th>
  </tr>
  <tr>
    <td>Андрей</td>
    <td>Щипунов</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Татьяна</td>
    <td>Щипунова</td>
    <td>94</td>
  </tr>
</table>
Попробуйте сами »


Высота строки таблицы

     
     
     

Чтобы задать высоту определенной строки, добавьте атрибут style к элементу строки таблицы:

Установите высоту второй строки равной 200 пикселям:

<table style="width:100%">
  <tr>
    <th>Имя</th>
    <th>Фамилия</th>
    <th>Год</th>
  </tr>
  <tr style="height:200px">
    <td>Андрей</td>
    <td>Щипунов</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Татьяна</td>
    <td>Щипунова</td>
    <td>94</td>
  </tr>
</table>
Попробуйте сами »

HTML Упражнения

Используйте стили CSS, чтобы сделать таблицу шириной 300 пикселей.

<table >
  <tr>
    <th>Имя</th>
    <th>Фамилия</th>
    <th>Очки</th>
  </tr>
  <tr>
    <td>Андрей</td>
    <td>Щипунов</td>
    <td>50</td>
  </tr>
</table>




×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.