How do I change the background color in this html code?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Your description goes here" /> <meta name="keywords" content="your,keywords,goes,here" /> <meta name="author" content="Your Name / Original design by Andreas Viklund - http://andreasviklund.com/" /> <link rel="stylesheet" type="text/css" href="andreas00.css" media="screen,projection" /> <title>Voices of Glory | CWRU's Gospel Choir</title> </head> <body> <div id="wrap"> <div id="header"> <h1><a href="#"><FONT COLOR = #B93B8F><FONT FACE="Adobe Garamond Pro"><FONT SIZE="80">Voices of Glory</FONT></FONT></FONT></a></h1> <p><strong><FONT COLOR=#FFFFFF><FONT SIZE=5><FONT FACE="Adobe Garamond Pro">CWRU's Gospel Choir</FONT></FONT></FONT></strong></p> </div> <div id="leftside"> <h2 class="hide">Site menu:</h2> <ul class="avmenu"> <li><a class="current" href="index.html">Home</a></li> <li><a href="styles.html">About VOG</a></li> <li><a href="2-columns.html">The Members</a></li> <li><a href="2-columns.html">Pictures</a></li> <li><a href="2-columns.html">Repertoire</a></li> <li><a href="3-columns.html">Contact us</a></li> <li><a href="themes.html">Theme versions</a></li> </ul> <div class="announce"> <h2>Upcoming events:</h2> <p><strong>Jan 29, 2007:</strong><br /> Updated to v2.0 with a few bugfixes and refreshments, an the usual update of the default content.</p> <p class="textright"><a href="#">Sample link »</a></p> </div> </div> <div id="extras"> <h2>Information:</h2> <p>This template includes a lot of additional styles and layout variations in the stylesheet. To see these, use the navigation menu to view the different pages and layout examples. It also includes links to theme versions for different CMS:s!</p> <h2>Sample links:</h2> <ul> <li><a href="http://andreasviklund.com/templates/commercial/">4Templates</a></li> <li><a href="http://andreasviklund.com/wordpress-themes/">WordPress themes</a></li> <li><a href="http://jokkmokk.biz/">Made in Jokkmokk</a></li> </ul> <h2>Search box:</h2> <form action="get" id="searchbox"> <div> <label for="searchform">Find:</label> <input type="text" value="(demo only)" name="searchform" id="searchform" /> <input type="hidden" id="searchsubmit" value="(demo only)" /> </div> </form> <h2>Version:</h2> <p>andreas00 v2.0<br /> (Jan 29, 2007)</p> </div> <div id="content"> <h2>Welcome to the official website of the Voices of Glory Gospel Choir!</h2> <p>This is a free XHTML/CSS-based website template, that anyone may use for any purpose without any obligations or limitations. It was originally based on the <a href="http://andreasviklund.com/templates/">andreas01</a> template to which andreas00 added requested features such as a 2-column layout variation and support for sub-pages in the main menu - features that were later added into andreas01 as well. But there are also other small modifications and a few extras, like the background images in the menu buttons. I hope that you like what you see and that you find the template to be easy to work with. That is what it was made for!</p> <img src="img/test.jpg" height="100" width="125" class="left" alt="Example content image" /> <p>If you use this template, I kindly ask you to leave the credits and the link to my website in the footer since it is a nice way of giving something back to the template designer. But that is only a friendly request, not any obligation.</p> <h3>Other versions and additional resources</h3> <p>This template is also available as a <a href="http://andreasviklund.com/wordpress-themes/">theme for WordPress</a> and it has been ported to a number of <a href="themes.html">other blogs and CMS</a> as well. New theme versions will be announced on <a href="http://andreasviklund.com/">my website</a> whenever a new port is released.</p> </div> <div id="footer"> <p>Copyright © 2007 Your Name | Design by Chloe Carter</a> | <a href="http://www.xnavigation.net/" title="xNavigation gratis download - La risorsa italiana sul software">xNavigation</a></p> </div> </div> </body> </html>

Public Comments

  1. easiset way is where it says <body> just do this <BODY BGCOLOR=#CCFFFF> il send u a link for all the colors http://www.htmlgoodies.com/tutorials/backgrounds/article.php/3478751#color just click on the color code icon but read first or just simple <body bgcolor="black"> for stadard 10 colors but quite limited or if u want go bit deaper use css http://www.mako4css.com/TBody.htm <style type="text/css"> body {background-color: green;} </style> or <style type="text/css"> background: rgb(204,204,255); </style> which is very good since it allows u to add colour (rgb means red green blue) so for blue u got 00,00,225 for red 225,000,000 white is 225,225,225 black 000,000,00
  2. change the body tag to one of these <body bgcolor="#000000"> <body bgcolor="rgb(0,0,0)"> <body bgcolor="black"> the first one is a hexidecimal color the second one is a rgb color and the third one is a word. you can use the most common colors as words (blue, green, yellow) but most colors use the other two forms
  3. you need to put the background color for the page in the body tag. like so... <body bgcolor=#ff0000> ff0000 is just red in hexadecimal code. if you don't know the hex value of a color you can just refer to most of them by regular names such as red, yellow, black, etc. you can get more info here: http://www.w3schools.com/html/html_colors.asp
  4. The *right* way to do this is in your css file. Add a style for body as follows: body { background-color: #336699 } Also, stop using the <FONT> tag. It is not supported in HTML 4.01 and beyond. Use CSS to define the fonts.
Powered by Yahoo! Answers