Published on November 25, 2016 by Quentin Watt

In this tutorial I show you how to add background images to your website.

Sponsored by DevMountain. Get yourself career ready, check out their website: goo.gl/enNbQV
Don’t forget to tell them I sent you.

Patrons can download the code here:
www.patreon.com/posts/7326925

Follow me on social media:
Twitter: twitter.com/QuentinWatt
Facebook: www.facebook.com/quentinwatt
Instagram: www.instagram.com/quentinwatt
Snapchat: quentinwatt92

Become a Patron:
www.patreon.com/QuentinWatt

Subscribe to my Vlog channel:
www.youtube.com/c/Quentin

Subscribe to this channel:
www.youtube.com/QuentinWatt

Please note:
I do not offer web development services, private tutoring, or “assistance” on school or university projects. I am not an online support service, and I’m not interested in setting up a “start up” business with viewers.

Leave a Reply

10 Comments on "HTML5 and CSS3 beginner tutorial 17 – background images"

Notify of
avatar

Vivid Legends
Guest
Vivid Legends
2 months 7 days ago

What is the recommended size to a website background?

Maxime Dufresne
Guest
Maxime Dufresne
1 month 5 days ago

ideally, it would be the size of the window if the background is supposed to fill. A way to optimise images would be to have different sizes of the same image and with media queries, you can specify the image to load depending on the display size. Hope I'm being clear.

Jonathan Carlson
Guest
Jonathan Carlson
4 months 23 days ago

i've tryed every variant of this and nothing is working. 🙁

Space
Guest
Space
1 month 25 days ago

go and put " ../photo.jpg " you have to put " ../"

Erin Andrew
Guest
Erin Andrew
2 months 12 days ago

Same I see no image when I do it

mike ingham
Guest
mike ingham
5 months 22 days ago

noob question just starting to learn html so why would you use css when all the things you've done you can do in html

rochadion
Guest
rochadion
1 month 3 days ago

Yea what SergiuN said, to explain more if you are working on small work, project or prototype then html alone would be fine but if you are working on something big like loads of pages and styles its best to put them on different file (better coding practice which you should do) makes it more organize, flexible , less time consuming when encountering errors since you would know where it will be and it will look more professional in case if you are presenting.

SergiuN
Guest
SergiuN
3 months 23 days ago

When you have just one simple page it's pretty easy to do all the things in html, but when you have milions of code and combine it with the css code and you need to fix bugs, it's pretty bad to you.

Fate Riddle
Guest
Fate Riddle
5 months 27 days ago

Pretty smooth in speed *1.5.

KARTHICKRAJA M
Guest
KARTHICKRAJA M
7 months 6 hours ago

1)Quentin Watt Tutorials2)ProgrammersCreedAbove Two Channels Which one is Correct SirPlease Reply about Two ChannelIs any difference between two channels

wpDiscuz