Before I answer I just want to throw css out there. CSS works a lot better than html and I recommend looking into it. Html is very limited. But just about everyone starts with codes like this and html, so keep it going! Anyways:
Make sure you upload your picture to a photo sharing site such as Photobucket (which is free) when you integrate photos.
There's nothing really wrong with your code (other than a small mistake) but it can be improved.
First off, the "correct" way to start an html code is:
<html>
<head>
<title> </title>
</head>
<body>
After the first "body" that's where you put your content and you close the code with </body></html>
The code now looks like this:
<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>
Now that you have the basics (I noticed you did not put the first "body" in your code) lets get down to what you're aiming at.
Your background color and image can be in the SAME tag so your code will be much cleaner.
<html>
<head>
<title>Cow</title>
</head>
<body>
<body background="Your Photo URL Here" bgcolor="purple">
</body>
</html>
The same can be done with the font attribute.
<html>
<head>
<title>Cow</title>
</head>
<body>
<body background="Your Photo URL Here" bgcolor="purple">
<font size="44" color="green">
</font>
</body>
</html>
The actual code looks something like this:
<html>
<head>
<title>Cow</title>
</head>
<body>
<body background="Your Photo URL Here" bgcolor="purple">
<font size="44" color="green">
Cow has one tail<Br>
Cow has two eyes<BR>
</font>
</body>
</html>
Make sure you upload your photo so if you use the code on a site other people can see the photo as well.
Also, keep in mind that when you have the background image specified the background color will only show up if for some reason the background image doesn't load.