HOW TO DO FONT FAMILY ARIAL I CAN NOT DO IT IS TOOOOOOOOOOOO Hard
<!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
style = "font-family: Arial"
We now integrate this into the starting
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.
Its asking me to change the heading h1 to font arial,clearly i'm missing something cos it says i haven't done it when i submit..please can someone hep!
<!DOCTYPE html> <html> <head> <title>Table Time</title> </head> <body> <h1><p style="font-family: Arial"/p>Tables Are Mega Sweet</h1> <img src="http://hackedgadgets.com/wp-content/2/tisch01.jpg"/> <a href="http://designshack.net/articles/css/15-tips-for-designing-terrific-tables/"> <img src="http://it.chass.ncsu.edu/training/pspp/pspp%20images/2/pspp%202-1.png" /a> </body> </html>