© 2023 AposTube

Learn HTML #22

June 13 • 4:22 pm

Tags:

HTML Table Sizes

HTML tables can have different sizes for each column, row or the entire table.

Use the style attribute with the width or height properties to specify the size of a table, row or column.

HTML Table Width

To set the width of a table, add the style attribute to the <table> element:

Example

Set the width of the table to 100%:

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>40</td>
  </tr>
  <tr>
    <td>Eva</td>
    <td>Jackson</td>
    <td>30</td>
  </tr>
</table>

Note: Using a percentage as the size unit for a width means how wide will this element be compared to its parent element, which in this case is the <body> element.

HTML Table Column Width

To set the size of a specific column, add the style attribute on a <th> or <td> element:

Example

Set the width of the first column to 70%:

<table style="width:100%">
  <tr>
    <th style="width:70%">Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>40</td>
  </tr>
  <tr>
    <td>Eva</td>
    <td>Jackson</td>
    <td>30</td>
  </tr>
</table>

HTML Table Row Height

To set the height of a specific row, add the style attribute on a table row element:

Example

Set the height of the second row to 200 pixels:

<table style="width:100%">
  <tr>
    <th>First name</th>
    <th>Last name</th>
    <th>Age</th>
  </tr>
  <tr style="height:200px">
    <td>John</td>
    <td>Smith</td>
    <td>40</td>
  </tr>
  <tr>
    <td>Eva</td>
    <td>Jackson</td>
    <td>30</td>
  </tr>
</table>

Apostube

See author's posts

Categories

Prev
Next

196 Responses

  71. Get warning information here. drug information and news for professionals and consumers.
    https://stromectolst.com/# how much does ivermectin cost
    Everything about medicine. Comprehensive side effect and adverse reaction information.

    Reply

  83. Everything information about medication. Prescription Drug Information, Interactions & Side.
    stromectol tablet 3 mg
    drug information and news for professionals and consumers. Long-Term Effects.

    Reply

  86. Comprehensive side effect and adverse reaction information. Long-Term Effects.
    ivermectin 18mg
    Generic Name. Comprehensive side effect and adverse reaction information.

    Reply

  90. Generic Name. earch our drug database.
    ivermectin
    Comprehensive side effect and adverse reaction information. Everything what you want to know about pills.

    Reply

  124. Prescription Drug Information, Interactions & Side. Comprehensive side effect and adverse reaction information. amoxicillin 775 mg
    Learn about the side effects, dosages, and interactions. Everything what you want to know about pills.

    Reply

  134. Some are medicines that help people when doctors prescribe. Read information now.
    best ed pills at gnc
    Definitive journal of drugs and therapeutics. Everything information about medication.

    Reply

  140. Medscape Drugs & Diseases. Comprehensive side effect and adverse reaction information.
    https://canadianfast.online/# pet meds without vet prescription canada
    Some are medicines that help people when doctors prescribe. Cautions.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

© 2023 AposTube. Built with ❤️ using WordPress and Ketos Theme.