|
Home
Forums
Awards for You
Winners
Awards Won
About Us
Past Layouts
Past Updates

Site Rules
Site FAQ
Site Staff
Credits
Link to Us
Link Exchange
Linkage
Affiliation

Latest Contest
Previous Contest
Contest Winners
Mini Contests
General Rules

100x100 Icons
64x64 Icons
70x70 Icons
AIM Icons
Archived Icons

Signatures
Buttons
Banners
Wallpapers
Enter Signs
Hiatus Signs
LJ Headers
Friends Only Banners

Div Layer
Tables
iFrames
PopUp

Brushes
Extractions
Vectors
Icon Bases
Icon Creator

HTML Tutorials
CSS Turoials
Let's Make a Layout
Graphics Tutorials
Do's and Don'ts




Bassman Themes
|
|
Font Formatting
Another common used HTML is font formatting. This is when you change the text to bold, italics, underline or strike through. Each will do different things and there are different ways to do this. For the basic HTML I'll show you the simplest way ^_^
Bold Text is created by using this
<b>
It's important when you make bold text that you close the tag with a closing bold
</b>
That way everything inside the <b> and </b> will ended up bolded
So if I had <b>Hi my name is LadyPSerenity</b>
It would show up like this Hi my name is LadyPSerenity As long as I close my tag any text after it will not be bolded as well. (Remember closing tags is VERY important.)
Italic text is much like bolded text in it's creation. For Italics you would use:
<i>
Once again important to close the tag
</i>
So for example <i>I live in Canada</i>
would show up like this I live in Canada And since I closed my tag nothing else after will show up as italics!
Once gain with the underline we repeat the same thing
<u>
Close the tag with
</u>
So for example <u>I own mistyicedesigns.com</u>
Would show up like this I own mistyicedesigns.com
Strike through is a little different as it uses a full word and not the first letter.
So we open our tag
<strike>
Then of course you close it
</strike>
So for example <strike>Hello I'm new</strike>
Would show up like this Hello I'm new
Font Types
Changing the font type can change the entire look of a layout, but it also can have no effect on some people. As most like to play with font types in sites and in various other places it's important to remember a few things before you do it.
Not everyone has the same fonts on their computer, you're garenteed that they have times new roman unless they deleted it, and Arial. Then it becomes free range depending on what operating system they have.
Try to change the font to fonts people most likely have, and always have a back up font. An idea is to offer someone the font that you have to view your webpage properly. (The font had better be freeware or you could face fines for offering it. And if it's a downloaded one watch for copyrights.)
Onto changing it. To change the font you must first open your tag with
<font face="Tahoma">
You can replace the "Tahoma" with the type of font you want. If you want it to choose between a couple of fonts you can change the "Tahoma" to "Tahoma, comic sans ms, Arial" That way if they dont have the first one it'll look to try and use the second one and then the third if the second one isn't there either, and so on and so forth.
Then you have to close your tag which is always important
</font>
So If I wanted to change my text to Arial Narrow I would type <font face="Arial Narrow">Hello I'm typing in Arial Narrow</font>
And it would look like this: Hello I'm typing in Arial Narrow and because I closed my tag, what I type after won't show up as Arial Narrow.
Font Color
For the most part you can already see me changing the color on the page, making it all sorts of different colors all over the place.
So now I'll show you how to change the color of your text. Start once again by opening your tag.
<font color=green>
Then of course after you type what you want, close the tag.
</font>
So what you would have would be this <font color=green>My text is green right now</font>
And it would look like this My text is green right now.
So you can change your text to any color, and the text you type after you closed the font tag will be back to the default color of your text.
Font Size
Now that we can change the font type, and color we need to learn to change the font size. There are a few ways to do this, but I'm going to go with the way that I learned best, and then I'll teach you other ways.
Start with opening the tag of course
<font size="5">
Type what you want and then remember to close your tag
</font>
So what we get then is something like this. <font size="5">My text is size 5.</font>
And it would look like this My text is size 5.
Of course we can change it another way, which is a little simpler if you just want that text to be that one size bigger. But keep in mind not everyone might see the text the same size. This one will increase the default size of their computer to up one or so.
<font size=+1>
And closing after we type text
</font>
Looks a little like this <font size=+1>My text is Plus One size</font>
Comes out like this My text is Plus One size
It's handy if you don't feel like playing with the sizes... it does the trick. There are other ways to change the text size, but we'll get into that after.
Combining the Font Tags
Seeing as we have learned how to change the text size, color and type, we should learn that it isn't necessary to open a new font tag just to change the size, color and type of the same text.
Say I want to take my name "Sheyna" And I want to make it size 5, green and in Comic Sans MS I would start by opening my tag
<font face="Comic Sans MS" color=green size="5">
Then of course I would type my name and then close it
</font>
So it would look a little like this <font face="Comic Sans MS" color=green size="5">Sheyna</font>
And come out like this Sheyna
You can take all three, stick them within the <font> and </font> tags, and make what you want. Just using the <font> and </font> alone though will change nothing...
Play around with it a little, experiment.
| |