Project 2: HTML Media Project || Media tags, Modern HTML and iframes || Episode - 11

In this video, we embark on a journey to build an exciting HTML project using media tags, modern HTML elements, and powerful techniques. Discover how to incorporate images, audio, and video into your project, enhancing its visual and multimedia experience.

We also explore the versatile iframe element for embedding external content seamlessly. Additionally, we utilise modern HTML tags like header, footer, main, aside, and more to structure our project and improve its accessibility.

Join us on this creative journey of becoming a skilled web developer with the power of MERN stack! Subscribe to our channel for more engaging tutorials and practical projects.

tags: MERN stack, web development, HTML project, media tags, image tag, audio tag, video tag, iframe, modern HTML elements, header tag, footer tag, main tag, aside tag, web development course, beginner-friendly, coding tutorial, web design, programming, front-end development, back-end development, full-stack development, online learning, coding tutorials

Connect with me here on Social Media -
Main Channel: @LoveBabbar

My Telegram Group Link:
Love Babbar CODE HELP

My Discord Server Link:

#webdevelopment

TimeStamps:
00:00 - Introduction
17:00 - Project 1

[Deepak-ipse]

What we learnt in this lecture?
1) <img src="put your file name here">
2)<audio src="file name" controls >
3)<video src="file name" controls>
4)<iframe src="yt link replace 'watch?' with 'embed/' and remove 'v=' ">
5)practice writing code yourself and leave a like for such an amazing lecture!❤

[sarjeetsingh]

When you include the attribute "loading=lazy" in an image tag, it tells the browser to delay the loading of the image until it is about to come into the user's viewport, or until the user starts scrolling towards it. This means that images located further down the page or outside the initial viewport are not loaded immediately when the page loads. Instead, they are loaded dynamically as the user scrolls or interacts with the page.

[typing]

Babbar your tutorial is to good bhai, itna to paise lene wale v nai padhate keep going

[CookingWidAJ]

Done my office work and now jump to this beautiful lecture 😍🔥💯 consistency is the key 💯🔥

[lavleshray]

सर आप जितना इस कोर्स में हमें सिखा रहे हैं इतना किसी paid कोर्स में भी आजकल नहीं सिखाया जाता है ।
Thank you so much sir👍👍👍

[JorawarSingh-ns]

Jis jis ko lgta hai Bhaiya achha samjhate hai like karo❤❤❤
I am 1 st year btech student from NIT Jaipur and big fan of love babbar sir .

[shrishtdev]

mai bhuut you tube video dekha lekin pure you tube pe aapse achha koe nhi phadaya hai ye course best course hoga pure you tube pe even better than paid cousres also

[kunalhoney]

Lazy loading is particularly useful for pages with large or numerous images, as it allows the browser to prioritize loading the visible content and images, providing a faster initial page load and a smoother user experience. It can help improve perceived performance, especially on slower internet connections or devices with limited resources.

[SazzadurRahmanAyan]

Lazy loading is a html attribute that can improve the performance of pages with large or numerous images. It works by delaying the loading of images until they are actually needed, which can help to speed up the initial page load time and improve the user experience. This is especially beneficial on slower internet connections or devices with limited resources.

Thank you so much Love Babbar Bhaia for this amaezing lecture. Lots of love from Bnagladesh❤

[jadenjoseph]

I respect ur efforts bhaiya for giving us this quality content for web development in yt 💯♥️.

[kanishthasharma]

2 am done the last second lecture of html.❤ Thanks @lovebabbar for your efforts and nobody will get bore throughout the lectures that's the best part.

[fachoyt]

Thank you so much Babbar bhai for your incredible web development tutorials on YouTube! Your teaching style is absolutely fantastic, making complex concepts seem so approachable and easy to understand. I've learned so much from your videos and my skills have improved significantly. Your passion and dedication to sharing knowledge is truly inspiring. Keep up the amazing work! 😊

[techtarun..]

Wow! Love Babbar Bhaiya's 11th Day Web Development course was an absolute game-changer! The way he simplifies complex concepts and breaks them down into easy-to-understand modules is truly remarkable. His teaching style is engaging, enthusiastic, and highly effective.

With Love Babbar Bhaiya's guidance, I feel like I've unlocked a whole new world of possibilities in web development. His course has given me the confidence and knowledge to tackle real-world projects with ease. I can't thank him enough for sharing his expertise and experience.

What sets Love Babbar Bhaiya apart is his genuine passion for teaching. He goes above and beyond to ensure that every student understands the material thoroughly. His practical examples and hands-on exercises make learning web development an exciting and enjoyable journey.

The support and community he has built around his course are phenomenal. The interactive sessions and Q&A forums create an environment where everyone feels comfortable asking questions and exchanging ideas. Love Babbar Bhaiya truly cares about his students' progress and success.

If you're looking to master web development, Love Babbar Bhaiya's course is an absolute must! Trust me, you won't find a more comprehensive, engaging, and inspiring learning experience. I can't wait to see what he has in store for the remaining days of the course. Thank you, Love Babbar Bhaiya, for empowering us with the skills to build incredible web applications!

[rupeshmund]

Learned a lot about media tags from this vdo. Thank you bhaiya Now we can say we have a good grip in html but still practice makes everything perfect💯

[VarnikaAggarwal-uy]

What we learnt in this lecture?
1) <img src="put your file name here">
2)<audio src="file name" controls >
3)<video src="file name" controls>
4)<iframe src="yt link replace 'watch?' with 'embed/' and remove 'v=' ">
5)practice writing code yourself and leave a like for such an amazing lecture!

[itzedits]

bhaiya 12th me hoon acha hua aapne ye webdev ka course start krdiya hats of to your hard work

[ankitchoudhary]

Bhaiya to be very honest classes are full of entertainment while studying just because of the way u make us understand and teach.. Thanks for this.

[Raghv]

Best video ever. No tutor teaches these media things in such depth.

[vishalashnani.]

6:03 loading lazy is very useful because it can help in optimizing the loading time of a web page.
The loading attribute specifies whether a browser should load an image immediately or to defer loading of off-screen images until for example:- the user scrolls near them.

[suruchisharma]

Well explained bhaiya

Ache se smjh aaya har ek topics.

Very nice course bhaiya👍👍