4. Images and Multimedia
In HTML, you can easily incorporate images and multimedia elements like videos and audio files into your webpages. Let's explore how to insert and display images, configure their attributes such as size, alignment, and alt text, as well as how to embed videos and audio files.
4.1 : Inserting and Displaying Images:
To insert an image, use the <img> tag and specify the source (src) attribute, which should contain the URL or file path of the image.
<img src="path/to/image.jpg" alt="Image Description"/>
The alt attribute provides alternative text that is displayed if the image fails to loador for accessibility purposes. Make sure to provide a concise and meaningfuldescription of the image.
4.2 : Configuring Image Attributes:
In addition to the source and alt attributes, you can configure other image attributes to control size, alignment, and more. Width and Height: Use the width and height attributes to specify the image dimensions in pixels.
<img src="path/to/image.jpg" alt="Image Description" width="100"height="50" />
4.3: Alignment:
The align attribute can be used to align the image within the surrounding content. However, it is considered outdated. CSS should be used for alignment instead.
<img src="path/to/image.jpg" alt="Image Description" align="left" />
4.4 : Embedding Videos:
To embed videos in HTML, you can use the <video> tag. Specify the source file (src) using the src attribute and provide fallback content within the opening and closing <video> tags
<video src="path/to/video.mp4" controls >
Your Browser should not support the video tag
</video>
The controls attribute adds video controls (play, pause, volume, etc.) to the video player. You can also include alternative video formats (<source> elements) within the <video> tags to support different browsers.
4.5 : Embedding Audio Files:
To embed audio files, use the <audio> tag and specify the audio file source (src) using the src attribute. Similarly to video embedding, you can provide fallback content between the <audio> tags
<audio src="path/to/audio.mp4" controls >
Your Browser should not support the audio tag
</audio>
The controls attribute adds audio controls (play, pause, volume, etc.) to the audio player. You can also include alternative audio formats (<source> elements) within the <audio> tags for better browser compatibility.
By utilizing these HTML elements and attributes, you can seamlessly insert and display images, configure their attributes for size and alignment, and embed videos and audio files to enhance the multimedia experience on your webpages
.png)
