Home > Back-end >  How can i get code for this html output without css attributes?
How can i get code for this html output without css attributes?

Time:10-13

enter image description here I need to make table like this but I don't know how to. i tried different ways hut I don't know how to adjust table spacing in html. (without css attributes)

CodePudding user response:

If I understood you clearly, You can just use colspan and rowspan, See this snippet below

<table border="black">
  <tr>
    <td colspan="3">Title</td>
  </tr>
  <tr>
  <td rowspan="3">
    <img src="https://via.placeholder.com/150x150" alt="">
  </td>
  <td>
    Label 1
  </td>
  <td>
    Description
  </td>
  </tr>
  <tr>
  <td>
    Label 1
  </td>
  <td>
    Description
  </td>
  </tr>
  <tr>
  <td>
    Label 1
  </td>
  <td>
    Description
  </td>
  </tr>
</table>

CodePudding user response:

<table border="1" cellspacing="10">
  <tr>
    <td colspan="3">Title</td>
  </tr>
  <tr>
  <td rowspan="3">
    <img src="https://via.placeholder.com/150x150" alt="">
  </td>
  <td>
    Label 1
  </td>
  <td>
    Description
  </td>
  </tr>
  <tr>
  <td>
    Label 1
  </td>
  <td>
    Description
  </td>
  </tr>
  <tr>
  <td>
    Label 1
  </td>
  <td>
    Description
  </td>
  </tr>
</table>

  • Related