How do i change the background color of my website with HTML

Question

How do i change the background color of my website with HTML

98 Views Asked by PyCharmGivesHope At 11 April 2021 at 15:38

Help me,i need to change the color of the background of my website and i dont know how, I still haven't tried doing that because i dont know how. I have only coded these lines:

<!DOCTYPE html>
<html>
    <head>
       <title>My first creations with coding!</title>
    </head>
   <body>
   <h1>My first creations with coding!</h1>  
     <br>
     <p>>like pro</p>


    
     
      </body>
</html>

Original Q&A

There are 3 best solutions below

Gaurav On 11 April 2021 at 15:40

<!DOCTYPE html>
<html>
    <head>
       <title>My first creations with coding!</title>
    </head>
   <body style="background-color:powderblue;">
   <h1>My first creations with coding!</h1>  
     <br>
     <p>>like pro</p>


    
     
      </body>
</html>

pr - On 11 April 2021 at 16:11

To change the background color, you need another coding language called CSS (cascading style sheets). You can implement it with a <style> </style> tag, and add CSS there, or add a separate file and link it like this:

<link rel="stylesheet" href="YOUR FILE HERE">

You can learn more about CSS here.

**kamst01** · Accepted Answer · 2021-04-11T15:51:52.167000

You need a Cascading Style Sheet or .css file my dude. You can read more about that here.

Without reading that doc & overloading you with an insane amount of information... how can you set it up & get going?

In your website folder directory, add a new folder named assets
Within this new assets folder, create a new file named style.css

Attach this new style.css to your html file, within your head element. Using the following code :

  <!DOCTYPE html> 
    <html>
      <head>
        <title>My first creations with coding!</title>
        <link src="/assets/style.css" rel="stylesheet"/>
      </head>

Save your 'html' file.
Open style.css

Add the following code :

  body {
     background-color: black; /* change the 'black' color here ONLY */
  }

List of color keywords if you scroll down.

Save the css file.
Refresh your browser.

Now just repeat steps 5-8 to change the background of your site.

How do i change the background color of my website with HTML

There are 3 best solutions below

Related Questions in HTML

Related Questions in HTML4

Trending Questions

Popular # Hahtags

Popular Questions