<!DOCTYPE html> <html> <head> <title>Changing the colors!</title> </head> <body> <h2 style="color: green; font-size:12px">Big Heading</h1> <p style="color:violet">A giant bear and a little duck were friends.</p> <p style="color:red">But the bear got hungry and ate the duck.</p> </body> </html>
You missed a few things in instructions >
1.Change the heading color to green and its size to 16px.
2.Change the color of the first paragraph to violet.
3.Change the color of the second paragraph to red and its font size to 10px.
Your heading you have 12px you need 16px.
The second paragraph you need to set size to 10px
++++++++ don't know how to use STYLE attribute ++++
<!DOCTYPE html> <html> <head> <title>First font size change</title> </head> <body> <p style = "font-size:8px"> Some text for you to make tiny! </p> <p style = "font-size:10px ; background-color: blue"> Some text for you to make normal size!</p> <p style = "font-size:18px> Some text for you to make super big!</p> </body> </html>
You see the HTML-page,
with a HEADER characterised by the HEAD-Tags
with a BODY characterised by the BODY-Tags
within the BODY you have 3 PARAGRAPH-Tags
Within the opening-Tag of a HTML-Element like the p-Tag
you can insert so-called attributes.
One of those attributes is the style-attribute
with which you can manipulate the display-style of a HTML-Element.
Now we run into the usage of the word property
Each property consists of a property-key and it's associated VALUE
If you have more then one property you use the semi-colon-; as separator
The syntax of writing a property is
the property-key a colon and it's associated VALUE
thus the font-size-property would look like:
As the font-size is a property
of the style-attribute we would write
style = "font-size: 12px"
or ( with multiple properties )
style = "font-size:12px ; background-color: blue"
we are using the semi-colon-; as a so-called separator
We now integrate this into the starting
<p style = "font-size:12px ; background-color: blue" ></p>
The -background-color of this p-Tag will be blue
and the characters of the TEXT
which we write in-between the p-Tags
will have a font-size of 12 pixels.
Thanks. It works now.
quotation marks missing after last font-size in your screenshot