Tutorial!

How to Manipulate Fonts Using html

While type may be a very simple process or something one may consider not that important, it can make or break your web page.

Here is an example of all the things we just learned!!

The End of the Quest for the Blue Crystal

The Blue Crystal is a mystical artifact. It gives the user control over water and ice. Andy the ancient protector had just been defeated by the evil armies of Hyrule. Galliban a time traveling hero from 2057 had just arrived.
Whoosh!! as a rocket went flying toward the evil army, but there was no explosion just a big thump, and all but the strongest fell to the ground. Galliban had used a stun rocket. The only one left standing was Parundathe evil dictator.
The battle between them was long and fierce because of Galliban's technology and Parunda's magic. Galliban had a anti magic shield so Parunda couldn't hit him directly with magic, but it also prevented Galliban from using any of his super weapons. The battle went on for days Galliban dodging and parunda attacking neither showing any wear.
The battle had been going on for two long weeks. Galliban came up with an idea to end this feud. Parunda would keep going util the world was to an end to get the crystal. Gallibad dropped his shield and fired three shots at the Blue Crystal the crystal shattered.
As the crystal emploded send a wave of ice freezing everything in sight, inclueding Parunda. Galliban teleported back to his time without even a scratch. The world had been saved by Galliban just an ordinary human from the future.

How to Manipulate Fonts Using html

One of the most prevelant things on a website is text and knowing how to manipulate it to create a strong typographical design is of great importance. This tutorial will show you how to changr font sizes, color, and placement.



1. Begin with a basic HTML page with your usual header followed by a body. You can decide what type of font you would like to use at this point. If you choose to use the same font type as well as size throughout, you can use what is called the base font. It will be set up like this:

















2. The next thing you may want to consider is the use of different type faces. To do this, you should follow the next process shown: (also, you should keep in mind that if the user does not have your chosen font, they may not be able to see it and the font will default to times new roman)




This paragraph now has the specified font






3. Another thing to take into consideration is the size of your font. You can choose numbers between 1 (smallest) and 7 (largest). To do this you will follow these steps:




Your font size is now a 5






4. To set the color of your font you can either use the name or the rgb.

Your text will now be RED

OR

Your text is now hexcolor #990000



5. you can use commands such as to italicize your font or to bold your font. These come in hand when you want a word or paragraph to stand out from the rest.



6. The last thing you may want to look at is the placement of your text. Should it be centered? Right aligned? Left aligned? Here is how to complete each of those tasks:

Center alignment

Left alignment

Right alignment