My Daily learning - How to Code Day 6 of HTML: Background Text and Colors

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@nolimit909·
0.000 HBD
My Daily learning - How to Code Day 6 of HTML: Background Text and Colors
My Daily learning - How to Code Day 6 of HTML: Background and Text Colors

![MyJourneyBanner.jpg](https://cdn.steemitimages.com/DQmcuApBXvQK3PvkBvsftvXoZ1j625URnxV6NFQEtpradML/MyJourneyBanner..jpg)

Good Evening everyone,

This is the continuation of prep for my honorable discharge from my Military Service. I'm going back to school for computer science. For my prep @richatvns is mentoring me in Calculus and the field of computer science.  I'm taking online video classes on Calculus 3, learning HTML, then CSS, followed by Javascript on W3Schools  As well as learning blockchain technology through Steem at the same time.

Everyday rich is requiring me as a "proof of work" to show what I learned that day to him.

So we came up with the great idea why not help others, and make a quick easy to follow tutorial by posting what I learned each day.
Since I'm only doing 1 short tutorial a day, it's so easy to follow along and learn (should be under 5 min).
I get the added bonus of repeating the material, such that I truly understand it.

![jetseparator.gif](https://cdn.steemitimages.com/DQmQbizJyC2vw9Em89KQThPERKN1tqW6QQeB7ukPLvvqWxw/jetseparator.gif)

You can try your own coding here using this link: https://www.w3schools.com/html/html_colors.asp

So for today's topic I studied background and text colors.  This feature allows us to give our web page appearance a more lively and friendly look, instead of just having that same boring white background.  HTML lets you choose from 140 different colors, so there is quite the variety.  Check out how the coding works:

You write: "background-color:DodgerBlue;" and the last two words are whatever color you want your background color to be.

![color coding.PNG](https://cdn.steemitimages.com/DQmbzB25fcnDYwMLFxPzSQ8mZ7Xd8UX4ZwprmRxJsMAoJX7/color%20coding.PNG)

When we open the file up in an internet browser, the product looks like this.  Notice how the header background color is dodger blue while the paragraph's background color is "tomato".

![color browser.PNG](https://cdn.steemitimages.com/DQmbggJP1Ah5hURhJ6sJyLfgdCsdzPqQEqjCQ3LKnc5Q895/color%20browser.PNG)

![jetseparator.gif](https://cdn.steemitimages.com/DQmQbizJyC2vw9Em89KQThPERKN1tqW6QQeB7ukPLvvqWxw/jetseparator.gif)

If you just found this Post and want to start from the beginning here are the earlier posts in the series:

<a href="https://steemit.com/partiko/@nolimit909/learning-how-to-code-html-ttpbcyua">Introduction to my journey</a>
<a href="https://steemit.com/blog/@nolimit909/day-2-of-html">Day 2 of HTML</a>
<a href="https://steemit.com/coding/@nolimit909/day-3-of-html-attributes">Day 3 of Attributes</a>
<a href="https://steemit.com/coding/@nolimit909/my-daily-learning-how-to-code-day-3-of-html-background-and-text-colors">Day 4 of HMTL Background and Text Colors</a>
<a href="https://steemit.com/coding/@nolimit909/my-daily-learning-how-to-code-day-3-of-html-background-and-text-colorss">Day 5 of HTML Fonts</a>


You want to learn, Just remember the Nike Slogan:
![Just Do It](https://cdn.steemitimages.com/DQmXAFiDao3n1iLa4kfd5K619GckzW8337727GraDCpKXBc/image.png)

*** Thank you to @richatvns for setting up this template for posting and base artwork
![](https://cdn.steemitimages.com/DQmNsmXcZZM6oo1i82Qb6Ku1wj57UMnHBkf7VegYBALjsKA/image.png)
![poker_separator.gif](https://cdn.steemitimages.com/DQmV9o6NUzgkN1U6uXi9moD1EHbxUYUR3y1nLwEL6JnEnmC/poker_separator.gif)
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,