Home
About Me
Contact
The <html> tag
The <body> and <p>tags
The <head> and <title> tags
Bold, italics and underline
The <font> tag
Changing background colors
The style attribute

Upcoming!


Upcoming!

The <font> tag

The <font> tag lets us play around with different font sizes,
font styles and font colors. It is used inside the body tag. It's starting tag looks like this: <head>, and it's closing tag looks like this:
</font>. The content inside the <font> tag will change according to your code, but only if you have written
that in the proper syntax.


One attribute of the <font> tag is "size". It sets the size of the text in it.
It's syntax is as follows:

<font The font tag determines how the text within it should look.
size= The size attribute to the font tag determines the size of the text within it.
"3"> This is the font size of the text within the font tag.
Here goes the content... The text inside the font tag is displayed according to the dimensions the written in the font tag.
</font> This is the closing tag for the font tag.


The face attribute

The face attribute of the font tag sets the font style of the text inside it. There is another option to set the font style,
but that's CSS. The syntax for the face attribute is:

<font The font tag determines how the text within it should look.
face = The face attribute to the font tag determines the font style of the text within it.
"Verdana"> This is the font size of the text within the font tag.
Here goes the content... The text inside the font tag is displayed according to the dimensions the written in the font tag.
</font> This is the closing tag for the font tag.

The font face "Verdana" is just an example: you can use any font style you want!

The color attribute

The color attribute is another attribute of the font tag. It is used to set the color of the text inside it. You can play
around with the font colors and set them as whatever you want. The syntax of the color tag is as follows:


<font The font tag determines how the text within it should look.
color = The face attribute to the font tag determines the font style of the text within it.
"blue"> This is the font size of the text within the font tag.
Here goes the content... The text inside the font tag is displayed according to the dimensions the written in the font tag.
</font> This is the closing tag for the font tag.


Let's have some fun with all the font styles!

<!DOCTYPE html>
The <!DOCTYPE html> tag marks the start of the html program. It doesn't have any ending tag.

<html lang="en">
The <html lang = "en"> tag acts as the container for all the html code.

<body>
The <body> tag contains all the text that is displayed on the webpage.

<head> The head tag contains all the information about the webpage.

<title> The title tag displays the text within it on the tab of the webpage.
Font styles The text inside the <title> tag is displayed on the tab of the webpage on the browser.
</title> This is the closing tag for the title tag.

</head> This is the closing tag for the head tag.

<font The font tag determines how the text within it should look.
size= The size attribute to the font tag determines the size of the text within it.
"3" This is the font size of the text within the font tag.
face = The face attribute to the font tag determines the font style of the text within it.
"Verdana"> This is the font size of the text within the font tag.

<p> The paragraph tag which holds the text content of the webpage. These are not used for headings.

Oh, html is so very cool!
Oh, html is so very cool!
Oh, without knowing it,
I'm sure I'd feel like a fool!
Oh, html is so very cool!
The text inside the font and <p>tag is displayed according to the dimensions the written in the font tag.

</p> This is the closing tag for the paragraph tag.

</font> This is the closing tag for the font tag.

</body>
This is the closing tag of the <body> tag.

</html>
This is the closing tag of the <html lang = "en"> tag.


<< Previous Next >>

Courses:

Javascript CSS HTML

Glossary

Centel Technologies © 2020
All rights reserved.