In the previous article, we have learned about how to make a HTML website. This time, we are going to teach you about how to style your HTML font. If you haven't seen the last article, you may check it out at : LEARN HTML II ( For Beginner ) - How to make a HTML
But if you have learned the basic of HTML, you may continue to learn HTML from our website.
Check this out!
Today, we are going to teach you again! And today we are going to explain you ,"How to style your HTML font".
In HTML, CSS or Javascript, it's not only allows you to make a website, but also you can style the website font, website design and many more! You can change font type, change font size or even change font color. Now we will show you the HTML codes.
- How to Customize the Font Type
Example, we wrote "Learn HTML" in the title bar & for the content, we wrote "Hello World". The tag that you need to use is :
<font style="font-family:verdana;"> ... </font>
Example :
<font style="font-family:verdana;"> HELLO WORLD </font>
Then, I changed the font from the normal font to "Courier". Courier is a kind of font. This font is more slim than the normal font.
If you don't have it, CLICK HERE to download.
And if you have wrote it, the result will be like this :
- How to Customize the Font Size
In HTML, thIere are 7 types of font size that can be used. The tag you need to use is :
<font size=7> ... </font>
Example :
Result :
- How to Customize the Font Color
In HTML, there are about 20 basic colors and there are 2 ways to customize the font color. The first method is with color name.
Example :
And another one is with number. Actually there are so many color that uses the number as their code. More than 20 colors with different gradation and saturation. But in this time, we just tell you about the tag. The tag is :
<font style=color:#FF0000> ... </font>
#FF0000 is a code that representatives red color.
Example :
- How to Customize the Format Font
There are 3 kind of font style in HTML. There are Bold, Italic, and Underline.
The tag of bold font style is <b> . . . </b>
The tag of bold font style is <i> . . . </i>
The tag of bold font style is <u> . . . </u>
Example :
Okay, that's all that we've got today. Thank you for your visit. You may also continue your lesson in our next article about HTML! Please leave a comment if you have a problem to learn HTML from our website.
See you!
Learn HTML III ( For Beginner ) - How to style your HTML font
4/
5
Oleh
DOWNLOAD YOUR GAME
