skip to Main Content

I am making a website where I want to organize my youtube videos. The only html functions is the table html function and very little of iframe. The number of columns will be 5. Can someone tell me how to organize videos on a website

2

Answers


  1. The MDN web docs are a great resource and you can find out more about tables here: https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics

    That being said, tables are not always the best for organizing content on page and you may have to use grid or flexbox in CSS.

    More on layouts can also be found on MDN: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout

    Here’s an example of a table though:

        <table>
            <tr>
              <td>Hi, I'm your first cell.</td>
              <td>I'm your second cell.</td>
              <td>I'm your third cell.</td>
              <td>I'm your fourth cell.</td>
              <td>It's just me your fifth cell.</td>
            </tr>    
        </table>
    
    Login or Signup to reply.
  2. try this one I think its helpful for you. Add your videos link to place of "video-link".

    html

     <table>
        <tr>
            <td>Video 1</td>
            <td>Video 2</td>
            <td>Video 3</td>
            <td>Video 4</td>
            <td>Video 5</td>
        </tr>
        <tr>
            <td><iframe width="320" height="180" src="video-link"></iframe></td>
            <td><iframe width="320" height="180" src="video-link"></iframe></td>
            <td><iframe width="320" height="180" src="video-link"></iframe></td>
            <td><iframe width="320" height="180" src="video-link"></iframe></td>
            <td><iframe width="320" height="180" src="video-link"></iframe></td>
        </tr>
        <!-- Add more rows as needed -->
    </table>
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search