Img tag with srcset attribute - html 5 tutorial in hindi/urdu - Class - 48

Поділитися
Вставка
  • Опубліковано 6 вер 2024
  • In this tutorial, I will show you how to use img tag in html in Hindi and Urdu with srcset attribute, and also you will learn all attribute of img tag :-src, width, height, alt, ismap, usemap, sizes, crossorigin, longdesc and srcset.
    This html tag tutorial created by Husain sir on all type tutorials. If you like this HTML5 tag tutorial then subscribe alltypetutorials me and feel free to ask and comment below this video.
    ---------------------------------------------------------------------------------------------------------
    If you want to learn all html tag then follow the link :-
    • HTML Tutorial For Begi...
    ----------------------------------------------------------------------------------------------------------
    #alltypetutorials

КОМЕНТАРІ • 156

  • @bidubesra6311
    @bidubesra6311 2 роки тому +6

    This is for HTML beginner:
    If you want to link or insert any files that is outside of HTML's folder (in which the html file is) then use "../" as much time you back one step. For example - you have an image inside "A" folder and the html file is in "B" folder and B folder is also inside the A foler, then you write the path like this
    NOTE:
    1. Don't give any space between the two dots.
    2. You don't need to bring all files in same folder but they have to be in same drive (C, D, E or other).
    3. I did it with Notepad++ (i don't know other editor works or not).
    Try if it works or not.

  • @austinvarshney5007
    @austinvarshney5007 3 роки тому +16

    Sir ur child is very cute ☺️

  • @teachtake2440
    @teachtake2440 4 роки тому +5

    Thank you so much, sir, for this amazing video content. Please continue this...

  • @pushkar_ps_
    @pushkar_ps_ 6 місяців тому

    Pura Playlist Mind blowing Hai ❤❤❤❤

  • @shahrukhhussain9992
    @shahrukhhussain9992 4 роки тому +3

    Masha allah ,sir aap ese hi hme sikhte rhe

  • @tariqlatif7717
    @tariqlatif7717 Рік тому

    This is a html biggner.good work .plz continues this

  • @vinaysir2680
    @vinaysir2680 3 роки тому

    Bahut achha bataya apne img tag ke baare mein.. 👍

  • @irfanbutt2105
    @irfanbutt2105 3 роки тому

    Sir Husain. MaShaAllah. Allah bless u. Iam from Pakistan

  • @vishwassharma5606
    @vishwassharma5606 4 роки тому +5

    Sir javascript ke tutorials kab aenge??

  • @FinancialDiary
    @FinancialDiary 3 роки тому +1

    Excellent teacher, I learn full html course from here.

  • @user-nh5dn5qe5h
    @user-nh5dn5qe5h 6 місяців тому

    Thanks sir for such a helpful video ❤❤❤

  • @araghyadevsinghmanhas
    @araghyadevsinghmanhas 4 роки тому +1

    Thank u very good i like and subscribed

  • @Chain25
    @Chain25 7 місяців тому

    Welcome and thanks a lot.

  • @sumayasumayasumayasulthan9957

    Thank so much sir

  • @mohdirshad6102
    @mohdirshad6102 5 років тому +2

    You are best

  • @maryamsamoon
    @maryamsamoon 2 місяці тому

    Sir apki video image absolute vs relative pr b ek video bnaie yah confuse kr rha h

  • @sureshrahangdale3128
    @sureshrahangdale3128 3 роки тому

    Wow sir Jahapna tusi great ho

  • @sartaajkhaan212
    @sartaajkhaan212 Рік тому +1

    Perfect sir 💖

  • @rajaaqib7104
    @rajaaqib7104 3 роки тому

    Love you you are so intelligent teacher ❤️

  • @safiabasit7415
    @safiabasit7415 2 роки тому

    Great explained well don

  • @monadeemsaif8258
    @monadeemsaif8258 5 років тому +2

    NYC video Sir

  • @DurgeshLife
    @DurgeshLife 2 роки тому

    thanks sir

  • @ytintoxicated.1301
    @ytintoxicated.1301 3 роки тому

    Osm sir you are best sir❤️❤️❤️❤️❤️❤️

  • @Tech_feed
    @Tech_feed 4 роки тому +1

    Mashaallah

  • @Overthinking-2024
    @Overthinking-2024 2 роки тому +1

    Sir my name is vivek kumar Prajapati sir मुझे फोल्डर फाइल नहीं बनने और पाथ भी नही देने आ रहा है sir please help me this video in pc

  • @Emotions-Time
    @Emotions-Time 4 роки тому +2

    sir apne jeysa kaha oysahi kiya lekin img tag kam nehi kar raha hen help me sir?

  • @starstudio143
    @starstudio143 3 роки тому

    👍👍👍👍
    NICE TUTORIAL

  • @michaeljanik1489
    @michaeljanik1489 3 роки тому +2

    Hello Husain. Thank you! Here you made an example with jpg images. But how to implement the option of webp, so the browser can choose which format suits the best (because some browsers are not supporting webp). So I offer webp in different sizes and when webp is not supported I will offer jpg in different sizes. So I basically want a combination of different formats and sizes at the same time. Do you know a solution for that?

  • @vinodrajput2401
    @vinodrajput2401 3 роки тому

    Nice it helps me

  • @wazkarani9775
    @wazkarani9775 3 роки тому

    Thanks sir for helping us ❤️

  • @waseemAli11192-
    @waseemAli11192- Рік тому

    Very nice 👍

  • @tonnichowdhury9143
    @tonnichowdhury9143 4 роки тому +4

    my picture has not displayed. i tried once more

  • @m.hashirkhan4882
    @m.hashirkhan4882 4 роки тому +4

    Hussain sir what do i do when the picture doesn't come

  • @kgaming6967
    @kgaming6967 4 роки тому +3

    hello sir, their is problem in the img tag, i have tried lot of times as u teach us but this tag is not working so plz can u guide me.

  • @rajpootboy7116
    @rajpootboy7116 4 роки тому +1

    Sir hyperlink ke ander hyperlink kaise lagate hi ek video banaiye sir please🙏🙏🙏

  • @alaminislam4496
    @alaminislam4496 4 роки тому +1

    Good

  • @hysaqib
    @hysaqib 4 роки тому +1

    Dear Sir, if i have photo in same folder where html file is located then it works good. But i am facing a problem with Tag that if i have any image in another drive on hard drive and even i give complete path in html coding, browser isn't acessing the photo. What is the problem? I have checked complete path, extension and everything but it didn't work.

    • @prathamtanwani4276
      @prathamtanwani4276 4 роки тому +1

      There is problems occurred in the browser you can not do anything

  • @Sad_lofi_song_626
    @Sad_lofi_song_626 5 років тому +4

    Love you sir

  • @Losth_sky_44
    @Losth_sky_44 2 роки тому

    Sir... Please tell me... If we can change the allignment of the image.. And how is it..?

  • @fareedamumtaz5103
    @fareedamumtaz5103 Рік тому

    sir video tag k lyai asa src set same kam krai ga ?

  • @shuvosaha1532
    @shuvosaha1532 2 роки тому

    Good job

  • @hamidbilal
    @hamidbilal 3 роки тому +1

    ASSLAM-O-ALIKUM!
    sir, A problam creat when i does write the address of img.Rather than as img don't seen.
    please you give me reason solution about image.

  • @aniketvekariya6319
    @aniketvekariya6319 5 років тому +1

    good sir

  • @my_Trendings
    @my_Trendings 2 роки тому

    Sir, please make a fully dedicated video on Local Storage.

  • @wannalearneveryday9419
    @wannalearneveryday9419 5 років тому

    👉🤔 I think longdesc to ab html5 se deprecated ho chuka hai na?
    Ye deprecated ki list me tha mozilla ke website pe...
    thanks sir for explaining srcset attributes...

  • @sobanthegreat1099
    @sobanthegreat1099 3 роки тому

    In SRC attribute alongwith IMG tag, can browse easily search out image despite of not mentioning hard drive partition like C or D etc in SRC ?

    • @uzair9836
      @uzair9836 3 роки тому

      Save ur html and media on desktop then u never have to mentioned address just paste image or video name

  • @vickyentertainmentfunnyand2368
    @vickyentertainmentfunnyand2368 3 роки тому

    MashAllah..

  • @monika8664
    @monika8664 3 роки тому

    Hello sir! aap kon sa software use krte hai videos banane ke liye?

  • @pdpetoos
    @pdpetoos 3 роки тому +1

    Sir aapka imgae se run ho jata ha par
    Mera location bhi dalna padta ha pls reply sir without location folder and image se Kase run kare

  • @shitalkarande2302
    @shitalkarande2302 3 роки тому

    Thanku sir🙏🙏🙏🙏

  • @fareedamumtaz5103
    @fareedamumtaz5103 Рік тому

    sir website ki body all sizes k devices pr same kasai nzar ai gi plz guide

  • @d.bchauhan4587
    @d.bchauhan4587 4 роки тому +1

    Sar pliss star 🌟 he keyse ata he wake ley ek video baneya na

  • @arijeetmandalandwisdom1993
    @arijeetmandalandwisdom1993 4 роки тому

    Php live project par video banaye like library management system.
    Dot net me bhi project banaye

  • @braveman.4294
    @braveman.4294 4 роки тому +1

    Aap sir ekdam shakti kapoor lagte ho..

  • @Gamingworld-f1x
    @Gamingworld-f1x Рік тому

    👍

  • @JAIL_BREAKER
    @JAIL_BREAKER Рік тому

    Namste sir 🙏🏻!! Mere pass ek project hai Jo Mera homework hai or usme mujhe krne me kaafi problem hai
    Can u help me please

  • @Alvivlog99
    @Alvivlog99 4 роки тому

    Tnxq bro

  • @JaikamtItnessBlog
    @JaikamtItnessBlog Рік тому

    Sir maine mobile par ciding kiya hai jisme hamne image add kiya hai lekin jab dusre logo ko whatsaap par send kar rage hai to vo nahi dikha rha hai pleaze bataye kya kare

  • @sahoodkhan8154
    @sahoodkhan8154 4 роки тому

    Sir Aapka koi institute h... Ya only aap youtube pr video dalte ho.. Please sir iska reply dena bahut jaldii... Ho skta h aapki wajah se mera future bn jaye

    • @HusainSir
      @HusainSir  4 роки тому +2

      Ji mai institute bhi run karta hun
      New Media Animation
      Computer Center
      Sambhal (Uttar Pradesh)

  • @chatu7700
    @chatu7700 3 роки тому

    Sir mobile me coding sikha rhe the

  • @kavitagc7686
    @kavitagc7686 4 роки тому

    Sir agar picture google se download krte h to or website bnate to show q nhi ho rha??

  • @CoderHarsh
    @CoderHarsh 2 роки тому

    Robinn uthappa

  • @mairamumtaz9831
    @mairamumtaz9831 3 роки тому

    Assalam o Alaikum sir please help me my pic do not showing pic in html folder what can i do please sir replay me

  • @pratikraj7475
    @pratikraj7475 3 роки тому

    id Mubarak sir

  • @Ecomvideos
    @Ecomvideos 3 роки тому

    Sir agar show nahi horahi ho pic edit karna ka bad to Kia kara

  • @creatorbudhi
    @creatorbudhi 10 місяців тому

    Husain sir ji state me india ke sabhi rajyo ko form me.kaise.jode

  • @alwynjohn597
    @alwynjohn597 4 роки тому

    srcset tag pls detail mai samjaye. apne screen size 500 se niche tha phir bhi 1000 wala activate ho gaya how

  • @Tech_feed
    @Tech_feed 4 роки тому +1

    Assalamualaikum

  • @goodgoodies5755
    @goodgoodies5755 4 роки тому

    How to create a website with 5pages( home , course, about,gallery,and contact us

  • @sandhyacryptoworld4701
    @sandhyacryptoworld4701 5 років тому +2

    good night sir ap great ho

  • @rajveersinh1149
    @rajveersinh1149 2 роки тому

    Sir muje website mai 100/200 images lagane hai toh kese lagaye?

  • @user-wi1nx6kt6c
    @user-wi1nx6kt6c Рік тому

    Sir Are You Pakistani Ya Indian Muslim Ya Hindu I am From Pakistan And Muslim And You

  • @faruksardar8829
    @faruksardar8829 4 роки тому

    Can we resize img tag in CSS..??

  • @hellxxx8869
    @hellxxx8869 2 роки тому

    Sir how to resize image on mapping clickable image

  • @rabiyamansoori2077
    @rabiyamansoori2077 2 роки тому

    Sir mo.me kar sakte hi < images > ka

  • @whitedavile2298
    @whitedavile2298 3 роки тому

    vagban apka valkary

  • @chaitralitilekar3890
    @chaitralitilekar3890 2 роки тому

    7

  • @ritikadhangar2979
    @ritikadhangar2979 4 роки тому

    Mere img ya video VS code m nahi lag rahi...plzz help

  • @iamusk1
    @iamusk1 3 роки тому

    href tag ?

  • @sahilrao8182
    @sahilrao8182 4 роки тому +1

    can we use width:100% or any other value
    instead of srcset . thanks in advance

  • @rashidpervaiz1002
    @rashidpervaiz1002 3 роки тому

    Sir image show nhi ho rahi ha sirf box ma x ka nishan ata ha kindly batayn

    • @ytintoxicated.1301
      @ytintoxicated.1301 3 роки тому

      Apka image adress sehi hai to kam karela nehi to nehi karega

    • @rashidpervaiz1002
      @rashidpervaiz1002 3 роки тому

      Sir Adress or name bilkul correct ha sirf image show nhi ho rahi cross ka nishan bana hua ata ha

    • @rashidpervaiz1002
      @rashidpervaiz1002 3 роки тому

      Show nhi ho rahi ha

  • @WildCatsYT
    @WildCatsYT 4 роки тому

    Asalamualikum Hussain bhai kya defer attribute ko amazon ke affiliate ads mein add kar sakte hai agar kar sakte hai to kaise kare?
    ummed hai aap mere sawal ka jawab denge
    aap ka youtube family member
    from Hyderabad

    • @WildCatsYT
      @WildCatsYT 4 роки тому

      @@webdesignstudy bhai Amazon ke affiliate ads par defer attribute ka istemaal kar sakte hai kya image ka tho mujhe pata hai lekin affiliated ads ka nhi pata aap iske jawab de de to behtar hoga

    • @WildCatsYT
      @WildCatsYT 4 роки тому

      @@webdesignstudy bhai mere yeh video dekha mein abhe lekin mujhe amazon ke affiliate ke ads ko defer karna hai kaise karo yeh batao aap

  • @jahangeerzaman2324
    @jahangeerzaman2324 4 роки тому +1

    Thank You Sir Very Nice

  • @anishawallong3466
    @anishawallong3466 4 роки тому +1

    Thank u sir😊😊😊

  • @debmalyaray1997
    @debmalyaray1997 2 роки тому

    images kahanse milegooo link bhejiye

  • @chatu7700
    @chatu7700 3 роки тому

    To ussse kaise photo uplod kare

  • @CaibilaTech
    @CaibilaTech 4 роки тому

    Is zamir your son sir?

  • @SaleemKhan-xn9yb
    @SaleemKhan-xn9yb 5 років тому

    Assalamu Alaykum Hussain Sir Aj boht dayr baad kysay aana huwa...Sir Jaldi Say Ab naya Tag b lana...Baki Tutorial boht Acha hay 👍👍👍

    • @HusainSir
      @HusainSir  5 років тому +1

      Saleem Aapka bohat shukriya, mein kahin busy tha isliye der se aana hua,

    • @SaleemKhan-xn9yb
      @SaleemKhan-xn9yb 5 років тому

      @@HusainSir hahha Sir Mai Ap ko Wait karta rahuga ...😁😁 ap masroofiyu ko kaha ke ap ko Fursat Dayday..Acha sir Abhi Aur kitna html bacha hay jo hum ko abhi b padna hoga..zaroor Batana sir

    • @HusainSir
      @HusainSir  5 років тому +3

      Abhi aadhe tags aur bache hain.
      Saleem apne dosto ko bhi bataiye hamere channel ke baare mein...

    • @SaleemKhan-xn9yb
      @SaleemKhan-xn9yb 5 років тому

      @@HusainSir Ap Aur ap ke channel boht badiya hay...mayray dost web Mai intrest nhi rakhty mujy shuru say he web aur programming mai khassa intrest thaa tabhi Ap ke channel ko Permanently pakday Rakha hay..
      Sir Abhi b adhay tags bachay hay..to hum nay ab tak adha hissa khatamm kiya hay na...

    • @SaleemKhan-xn9yb
      @SaleemKhan-xn9yb 5 років тому

      @@HusainSir Sir mai nay 14 tags Download b kiya hay jo Bady bady thay aur Mainay in ka Practical b kiya hay almost saru ka

  • @HelloTonmoyTecH
    @HelloTonmoyTecH 4 роки тому

    vai apni ja ja korsn amio tata korci bt amr ase nai apne bhohot bohot pad diyanga

  • @user-ww3qk1ip6w
    @user-ww3qk1ip6w Рік тому

    aabe bhai sir hussain karo apne chanel name ko

  • @rajpootboy7116
    @rajpootboy7116 4 роки тому

    Sir html me image chali gyi sab website se kaise laye

    • @HusainSir
      @HusainSir  4 роки тому +1

      Image ki location sahi karo

  • @kaleemullah9904
    @kaleemullah9904 3 роки тому

    Sir yeh pic nhi lag rahi koi solution batain

  • @Souravliftz
    @Souravliftz 4 роки тому

    Sir image show nahi kar raha hai

  • @user-ww3qk1ip6w
    @user-ww3qk1ip6w Рік тому

    aur hussain mein 2 S aate hain chiley hue murgey

  • @sadiaismail8118
    @sadiaismail8118 4 роки тому

    plzz tell me about this

  • @knightplayzz7937
    @knightplayzz7937 3 роки тому

    wait is this english or....

  • @mohdirshad6102
    @mohdirshad6102 5 років тому

    I want to learn css

    • @HusainSir
      @HusainSir  5 років тому

      It will possible early.

  • @Mr_1K6732
    @Mr_1K6732 2 роки тому

    Phone mn kyu nahi hota hn🥱

  • @user-ww3qk1ip6w
    @user-ww3qk1ip6w Рік тому

    aur ye itne mele bachon ki pictures hatao aur koi google se achi pics lekar lagao beta code with harry se hi kuch seekhlo

  • @rohitsharama532
    @rohitsharama532 4 роки тому

    sir, srcset not working plz help .........................................................