HTML full course beginner to advanced part-4


Topic : Geeting a video on web page ,  Geeting A Audio on web page , Create Table, Colspan & Rowspan

Geeting a video on web page 

How to add video ?

<video src=" video address" controls></video>

How to auto play video ?

<video src=" video address" autoplay></video>

How To mute video ?

<video src=" video address" mute></video>

How to add Youtube video in web page ?

1. Find the YouTube video you want to embed and click on the "Share" button below the video player.

2. Click on the "Embed" button that appears in the sharing options.

3. Copy the iframe code that appears in the "Embed" window.

4. Open your HTML document in a text editor or an HTML editor.

5. Paste the YouTube iframe code into the HTML document where you want the video to appear.

6. Save the HTML document.

Here is an example of how the YouTube embed code should look like in HTML:


<iframe width="560" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>


Replace "VIDEO_ID" in the code above with the actual video ID of the YouTube video you want to embed.

Note that you can adjust the width and height of the video player by changing the values in the "width" and "height" attributes of the iframe tag. You can also add additional attributes such as "autoplay" or "controls" to the iframe tag to control the video playback.

 Geeting A Audio on web page 

 How to add audio on web page ?

<audio src="audio adress" controls></audio>

How to Auto play Audio ?

<audio src="audio adress" Autoplay></audio>

How to Mute Audio ?

<audio src="audio adress" mute></audio>

Table in HTML

    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>

tr -> stands for table row.
td -> stands for table data.
th -> stands for table header.





Alfreds Futterkiste

Maria Anders


Centro comercial Moctezuma

Francisco Chang


Ernst Handel

Roland Mendel


Island Trading

Helen Bennett


Laughing Bacchus Winecellars

Yoshi Tannamuri


Magazzini Alimentari Riuniti

Giovanni Rovelli


How To add table border ?
When you add a border to a table, you also add borders around each table cell:


To add a border, use the CSS border property on tableth, and td elements:

Example : 

table, th, td {
  border: 1px solid black;

HTML Table Colspan & Rowspan

Rowspan :


    <th rowspan="2">Phone</th>

Colspan :


    <th colspan="2">Name</th>
Post a Comment (0)
Previous Post Next Post