Scribd
Upload
3 views2 pages

Images

The document explains how to display images, links, audio, and video in HTML5. It details the types of images (inline and external), how to insert them using the <img> tag, and how to create links with the <a> tag, including different link states. Additionally, it covers how to embed audio and video files, as well as the use of the <iframe> tag for frames in web pages, along with its attributes.

Uploaded by

cvma.cbseschool
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
3 views2 pages

Images

The document explains how to display images, links, audio, and video in HTML5. It details the types of images (inline and external), how to insert them using the <img> tag, and how to create links with the <a> tag, including different link states. Additionally, it covers how to embed audio and video files, as well as the use of the <iframe> tag for frames in web pages, along with its attributes.

Uploaded by

cvma.cbseschool
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

Images, Links and Frames in HTML5

Class-VIII

1. How many types of Images is there that can be displayed on web pages?
Write the steps on how to insert images in Web pages.
There are two types of images that can be displayed on WebPages.
1. Inline Images- These images are displayed as soon as web pages are accessed.
2. External Images- These images are referenced and displayed separately by
clicking on a link.

Steps to Insert an Image in a Web Page:


1. Open an HTML file in a text editor (like Notepad or VS Code).
2. Use the <img> tag to insert an image.
3. Specify the src attribute to define the image source (URL or file path).
4. Use the alt attribute to provide alternative text for accessibility.
5. Save the file with a .html extension and open it in a browser.

Example:
<img src="[Link]" alt="Description of image" width="300" height="200">

2. How can you link your web page with another web page? What are the
different categories of a link state?

We can link our web page to another using the <a> (anchor) tag.
Example of Linking:
<a href="[Link] Example Website</a>

Different Categories of Link States:


1. Normal Link (a: link) – A link that has not been clicked.
2. Visited Link (a: visited) – A link that has been clicked before.
3. Hover Link (a: hover) – The link when the mouse pointer is over it.
4. Active Link (a: active) – The link when it is being clicked.

Example in CSS:
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: green; }

3. How to insert Audio and Video files in a web page?


Adding Audio:
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
</audio>

Adding Video:
<video controls width="400">
<source src="video.mp4" type="video/mp4">
</video>
4. What do you mean about Frames in web page? Write any two attributes of
<iframe> tag.

Frames in HTML allow embedding another web page inside a web page. The
<iframe> (inline frame) tag is used to achieve this.

Example of <iframe> Usage:


<iframe src="[Link] width="600" height="400"></iframe>

Two Important Attributes of <iframe>:


1. src – Specifies the URL of the web page to be displayed inside the frame.
2. width and height – Defines the size of the embedded frame.

You might also like