Shri Vile Parle Kelavani Mandal's

C.N.M.School & N.D.Parekh Pre-Primary School

Academic year 2025-2026
Std. VII Advanced HTML Subject: Computer Awareness
1. LISTS IN HTML: A list in html is an efficient way of presenting information in a precise manner. It
helps in making important points standout more clearly. A list can be defined as ordered list (<ol> </ol>)
or unordered lists (<ul> </ul>).
• Unordered list (<ul> </ul>): is used when the items are not required to be displayed in any particular
sequence. It is also known as Bulleted list. It begins with <ul> tag and ends with </ul>.
• Ordered List (<ol> </ol>): is used to display the list of items in a specific order. It is also known as
Numbered list. It begins with <ol> tag and ends with </ol>.
• The List Tag (<li> </li>): is used to display the list of items given in any of the two types of lists.
DESCRIPTION TAGS ATTRIBUTES
type <ol type= “A”/ “a”/ “i”/ “I”/ “1”>
ordered list <ol> </ol> Start <ol start= “101”>
reversed <ol start= “10” reversed>
unordered lists <ul> </ul> Type <ul type= “circle” / “disc”/ “square” > (  )
List item <li> </li>

2. DEFINITION LISTS: Definition lists in HTML are used to present a list of terms and their
corresponding descriptions or definitions. Unlike ordered or unordered lists, which present items
sequentially, definition lists pair a term with its explanation.
A definition list is constructed using three main HTML tags:
• <dl> (Definition List): This is the container element that encloses the entire definition list.
• <dt> (Definition Term): This tag defines a term or name within the definition list.
• <dd> (Definition Description): This tag provides the description or definition for the
preceding <dt> term.

3. TABLES IN HTML: Tables are used to display data in a tabular format, organized into rows and
columns. They are created using a set of specific HTML tags.
Description Tags Attributes
Border- Specifies the border width of the table.
Height – Specifies the height of the table.
Table <table> …</table>
Width - Specifies the width of the table.
Bgcolor- Specifies the background colour of the table.
<caption>
Caption Provides a caption or title for the table.
</caption>
This tag defines a table row. Each <tr> element represents a
Table Row <tr> …… </tr>
new row in the table.

_______________________________________________________________________________________________
Page 1 of 3
 This tag defines a standard table data cell. These cells contain
Table Data <td> …… </td>
the actual data within the table.
This tag defines a table header cell. Header cells typically
Table Header <th> …… </th> contain descriptive labels for columns or rows and are often
displayed in bold by default.
Colspan Colspan= “2” Specifies the number of columns a cell should span.

Rowspan Rowspan= “2” Specifies the number of rows a cell should span.

4. IMAGES IN HTML
Besides text, images, graphics, drawings, paintings, charts, maps or photographs may also be included on
a web page. These elements make the web page more informative and appealing. Web browser support
various graphic formats like GIF, PNG, JPG or JPEG.
To insert an image <img> tag is used, it is an empty tag and thus requires no closing. Alt attribute of image
tag displays the text in scenarios where the image is taking time to download and display.
Description Tags Attributes
images <img src= Height Specifies height of an image in pixels
“imagename.jpg”> Width Specifies width of an image in pixels
Alt Specifies the text as an alternate to the image if
sometimes a browser does not display images due to
some reasons of slow internet or error in the src attribute.

5. AUDIO IN HTML: The <audio> tag in HTML is used to embed audio content on a webpage. It allows
you to play audio files like MP3, OGG, or WAV directly in the browser. The <audio> element provides
attributes for controlling playback, such as play, pause, and volume.
<audio> Tag: The main container tag for audio content.
o Controls: This attribute displays the default browser audio controls (play/pause, volume,
progress bar).
o Autoplay: Attempts to automatically play the audio when the page loads. Note that many
browsers and mobile devices restrict autoplay for user experience reasons.
o Loop: Makes the audio play continuously, repeating once it reaches the end.
o Muted: Mutes the audio by default when the page loads.
o Src: Defines the URL or path to the audio file.
<audio src=" audiofilename.mp3" controls autoplay> </ audio>

Supporting Multiple Formats: To ensure broader browser compatibility, you can include
multiple <source> elements within the <audio> tag, each pointing to the same audio content in a different
format. The browser will attempt to play the first supported format it encounters.

6. VIDEO IN HTML: The <video> tag in HTML is used to embed video content on a webpage. It allows
you to play video files like MP4, WEBM, or OGG directly in the browser. The <video> element provides
attributes for controlling playback, such as play, pause, and volume.
< video> Tag: The main container tag for video content.
o Controls: This attribute displays the default browser video controls (play/pause, volume,
progress bar).
_______________________________________________________________________________________________
Page 2 of 3
 o Autoplay: Attempts to automatically play the video when the page loads.
o Loop: Makes the video play continuously, repeating once it reaches the end.
o Muted: Mutes the video by default when the page loads.
o Height: Specifies height of the video in pixels or points.
o Width: Specifies width of the video in pixels or points.
o Src: Defines the URL or path to the video file.
<video src="videofilename.mp4" width= “300” height= “ 300” controls autoplay> </video>

Supporting Multiple Formats: To ensure broader browser compatibility, you can include
multiple <source> elements within the <video> tag, each pointing to the same video content in a different
format. The browser will attempt to play the first supported format it encounters.

7. LINKS IN HTML
A website consists of a number of web pages with related information. HTML renders a powerful feature
of linking these web pages together call Hyperlinks. These links may be used to open another web page.
It is inserted on the web page using anchor tag. Anchor tag is a container tag starts with <a> and ends with
</a>. There are two types of linking:
➢ Internal Linking: When one part of a web page is linked to another section on the same page, it
is called internal linking.
➢ External Linking: When one page is linked to another web page or website, it is called the
external linking.
Href Attribute: It is an attribute of the anchor tag <a>, which defines the document to which the link
leads. Where value can be:
✓ Absolute URL: It points to a website, like <a href= “http://www. https://cnms.ac.in/>
✓ Relative URL: It points to a file within a website, like < a href= “StudySheet.html” >
✓ Email address: like <a href= “[email protected]” >
*****************************************************************************

_______________________________________________________________________________________________
Page 3 of 3