HOW TO INSERT BACKGROUND IMAGE IN HTML

In this video i will tell you how you can add background image in your html webpage just simple line of code #html #css #htmlprogramming
There are lots of helpful html short video you can watch link below down⤵️
HOW TO INSERT IMAGE IN HTML
• HOW TO INSERT IMAGE IN...
HOW TO CREATE LINK IN HTML
• HOW TO CREATE LINK IN ...
HOW TO USE CSS STYLESHEET EXTERNALLY IN HTML
• HOW TO USE CSS STYLESH...
HOW TO ADD INTERNAL CSS IN HTML
• HOW TO ADD INTERNAL CS...
HOW TO COMMENTS CODE IN HTML
• HOW TO COMMENTS CODE I...
Here is my personal portfolio 🤩: jogindrakumar.com/

[@LakshyaKr-fi9uw]

Love you bhi

[@d3strox985]

0:30

[@cboklverabecia276]

Thank you for you all posting videos like this🎉❤

[@codewithjk]

Thanks for watching!

[@emmanuellakissel6934]

Thanks for this one ....

[@codewithjk]

You're welcome

[@Notzaplays]

better to do this in a style sheet css but it works

[@Bigmanting150]

I subscribed to your channel Bhai

[@mikaelgevorgyan4521]

🤗🤗🙂😎good nice

[@codewithjk]

Thanks 🙂

[@elip_edits07]

Thanks bro

[@codewithjk]

Welcome 🙂

[@kazuyablack281]

Thank you broo

[@codewithjk]

No problem

[@chinmayb172]

Thanks brother 👍

[@codewithjk]

Welcome 👍

[@abutalhaomor3800]

Worked ❤

[@codewithjk]

Great!

[@nirajansharma1222]

It's worked bro 😄❤

[@codewithjk]

Great 👍

[@munishprajapati102]

Nope brother Not Working

[@user-sd4yv3lf6u]

Helped thanks

[@codewithjk]

Glad it helped

[@user-xe3ys9xl6w]

Thanks broooo❤

[@codewithjk]

Your welcome 🤗

[@kamalprasadbarewar2011]

Thank you buddy

[@codewithjk]

No problem 👍

[@purplexionroblox]

thanks

[@codewithjk]

Welcome

[@jagdishjena9058]

Thank you so much bro, God bless you

[@codewithjk]

Thank you too 😊

[@lollipop_man294]

Thanks a lot

[@codewithjk]

Happy to help

[@yohannestesfaye7881]

thank you so much

[@codewithjk]

Welcome 😊

[@editingprowess]

Thank you I am trying for many hours

[@codewithjk]

Keep it up 👍

[@gxrneyo9676]

ty so much i was able to do it God bless :)

[@codewithjk]

Glad I could help

[@wyynds]

thx so much bro

[@codewithjk]

You're welcome!

[@lavishjaggi7417]

how to add a link behind the image
when we click on the image the link is open?

[@mujeebadeagbo3208]

thx

[@codewithjk]

😊

[@banga1]

thanks for this information
I'm beginner in Front-End therefore I didn't know this

[@codewithjk]

Happy to help

[@user-sd4yv3lf6u]

How is your learning 😅

[@King.MaidenHeaven]

So cool! Just learning to code so fun! But I don’t know anything

[@King.MaidenHeaven]

Bro I just started course careers, software development

[@codewithjk]

Keep going 👍

[@King.MaidenHeaven]

@@codewithjk I’m taking the bootcamp course careers, bro I have so many questions. ;((((( any way I can get in contact with you

[@Jeeshify.official]

Not working in visual code mobile app 😢

[@AGH-Hacker]

sbʇ oɹq

[@harshkumar973]

bhaiya how to avoid repetitions of the images in background.

[@codewithjk]

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

[@bhaktisagar132]

Hi bhaiya please help me

[@martin__11]

Thanks alot this was very helpful

[@codewithjk]

Glad it helped

[@vidhyaraja6473]

Bro I don't know where to save the picture 😅
But I know same directory
Directory means 😅

[@jibeshpahari7847]

Please explain in more detail

[@codewithjk]

Ok

[@bellwaeditz]

Mobile ke liye ko compiler batao na best wala

[@codewithjk]

Don’t have idea i never try coding in mobile but there are lots of website where you can code and test your code

[@FutEditz176]

How do you stop the repeating images

[@codewithjk]

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

[@hokage_naruto7332]

What app are you guys using

[@codewithjk]

Visual studio code editor

[@Bigmanting150]

How do I style it should I go css page and make .body {height:100vh,width:70%

[@codewithjk]

ua-cam.com/video/K1cm6LZz_r8/v-deo.html

[@rangasjessrielf.7734]

How to adjust the height and width?

[@Maaz00015]

Using css

[@bhaktisagar132]

Hi bhaiya please help me
One question are in doubt 😢

[@codewithjk]

Write down your question in comment section if your questions related to video i will definitely help

[@SlazhhDgame]

How about the link from google it's so long

[@codewithjk]

There is no Google link

[@potatoman0147]

What is the compiler name ?
Does it need css

[@codewithjk]

It's vscode editor and use internal css style that's it 👍😊

[@yaman.is.me.31]

Which app is this ?

[@codewithjk]

For coding it's vscode editor

[@yaman.is.me.31]

@@codewithjk thanks man

[@Bigmanting150]

Thank you very much my brother I have been struggling since yesterday ❤

[@codewithjk]

Glad I could help

[@bhabanisankarsahoo3557]

This song is making me mad
What is its name

[@MamtaMarkam-bm2ww]

Bhiya background Mai ek complete image nahi aa sakta kha matlab ek image pura he background cover kar le

[@codewithjk]

Watch this 52 ⌚ sec video I hope this will help you
ua-cam.com/video/K1cm6LZz_r8/v-deo.html

[@ShukoKuriyami]

I did the same but i used a jpeg file type instead and didn't work

[@codewithjk]

Always Use what extension of your image like jpg,jpeg,webp,png .

[@ShukoKuriyami]

@@codewithjk i did like example.jpeg i used it and didn't work tho for some reason i tried other methods but still did not work i made sure to copy the path it was from and still did not work i re check if i had a mistake but did not find any mistakes.

[@codewithjk]

Send me your code folder [e-mail]

[@Aakib_khan05]

Picture to nhi aayi but koi ni mujhe quotes likhne aa gye

[@codewithjk]

Code dubra check kro aur picture same folder me rhko jisme project ho .. aur aap url link bhi de skte ho picture ke liye

[@moviesclips1387]

Same procedure but pic add ni hovi 😭😭

[@codewithjk]

Pic path check kro . Recheck your code may be some typo error

[@MelEtc]

Thank you very much, do you know how I can make the image not repeat itself and just be the image occupying all the space?

[@codewithjk]

Follow this 52 sec video
ua-cam.com/video/K1cm6LZz_r8/v-deo.html

[@PirateSimulator]

Didnt work :(

[@codewithjk]

Review your code again and make sure your image in same directory or path you give is correct

[@allthings8733]

not working

[@codewithjk]

Make sure your background image in the same folder or you can use cdn picture link

[@Charlie22005]

The image won’t work for me. It just shows as a blank one. Could you help?

[@codewithjk]

Make sure your image downloaded and placed in same directory in your project .. or you can use CDN image URL link of image . If still doesn't work for you then comment full code in the description. 😉

[@Charlie22005]

@@codewithjk it’s worked now! Thank you so much for your help! 😄

[@cboklverabecia276]

Thank you for you all posting videos like this🎉❤

[@codewithjk]

Our pleasure!

[@suryaexeff1170]

thanks

[@codewithjk]

Welcome 😊