Как задать ширину таблицы html

Аватар пользователя Aleksey
Aleksey
06 апреля 2023

Для задания ширины таблицы в HTML можно использовать атрибут width в теге <table>. Например, чтобы задать ширину таблицы в 500 пикселей, нужно добавить следующий код:

<table width="500">
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>

Также можно задать ширину таблицы в процентах, например, так:

<table width="50%">
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>

В этом случае таблица будет занимать половину ширины родительского элемента. Также можно задать ширину таблицы через CSS, используя свойство width. Например:

<style>
  table {
    width: 500px;
  }
</style>

<table>
  <tr>
    <td>Ячейка 1</td>
    <td>Ячейка 2</td>
  </tr>
  <tr>
    <td>Ячейка 3</td>
    <td>Ячейка 4</td>
  </tr>
</table>

Этот код задаст ширину таблицы в 500 пикселей через CSS. Обратите внимание, что CSS-стили из данного примера должны быть размещены внутри тега <style> внутри тега <head> документа.

0 0
Познакомьтесь с основами HTML и CSS бесплатно