Scribd
Upload
7 views3 pages

HTML Example Note 1

The document contains HTML code snippets demonstrating the use of table rowspan and colspan attributes, embedding audio and video files, and embedding a YouTube video. It includes examples of a table with merged cells, an audio player for an MP3 file, and a video player for an MP4 file, as well as an iframe for a YouTube video. Each section is structured with appropriate HTML tags and attributes.

Uploaded by

Dhairya Raghav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views3 pages

HTML Example Note 1

The document contains HTML code snippets demonstrating the use of table rowspan and colspan attributes, embedding audio and video files, and embedding a YouTube video. It includes examples of a table with merged cells, an audio player for an MP3 file, and a video player for an MP4 file, as well as an iframe for a YouTube video. Each section is structured with appropriate HTML tags and attributes.

Uploaded by

Dhairya Raghav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Table Rowspan and Colspan Code-

<HTML>

<HEAD>

<TITLE> Table </TITLE>

</HEAD>

<BODY>

<br>

<BR>

<TABLE BORDER= 1 BORDERCOLOR="BLACK" ALIGN= "CENTER" BGCOLOR=


"GREEN">

<TR>

<TH COLSPAN= 2 > DATBASE </TH>

</TR>

<TR>

<TH ROWSPAN=2> NAME </TH> <TH> HOBBY </TH>

</TR>

<TR>

<TD> AMAIRA </TD>

<TD> DANCING </TD>

</TR>

</TABLE>

</BODY>

</HTML>
Audio and Video-

<!DOCTYPE html>

<html>

<head>

<title> Embedding mp3 audio file </title>

</head>

<body>

<center><H1> Play the number </h1></center>

<audio controls autoplay loop>

<source src= "C:\Users\Deepika


Agarwal\Desktop\The Shriram Millennium School Online Classes\Audio.mp3">

</audio>

<video controls autoplay>

<source src= "C:\Users\Deepika


Agarwal\Desktop\The Shriram Millennium School 2022-23\Final Investiture Ceremony Invite.mp4">

</video>

</body>

</html>

</body>

</html>

Youtube Video-

<!DOCTYPE html>

<html>

<head>

<title> Embedding Youtube Video</title>

</head>
<body>

<center><H1> Play the number </h1></center>

<iframe width="560" height="315" align= "right"


src="[Link] title="YouTube video player"
frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
picture-in-picture" allowfullscreen></iframe>

</body>

</html>

You might also like