Web Design | Blogging Tutorial | Free Blogger Templates

Hi bloggy readers,
What today is a great day isn't it? that's why i will talk something about HTML basic code. I will tell you one of my HTML knowledge although i am not expert enough to teach you all, but after all, i still need to learn, like all of you guys. Hopefully it can help you all to understand about HTML.

Ok, enough talking, in this post i would love to discuss about editing the text interface.Ok, Text interface i am talking about is how to change the texts that will be displayed on Web Page. For example, i will teach you how to make bold function, italic function, size function, so the texts we want to display will be shown in whatever we want. Wow, it seems hard to swallow my description huh? Do you understand with my own words above? I hope you understand. If you dont, read the rest article.

Ok, let me show you with an example. Now look at the word below.

Yeah, now i want those words to be displayed with a different text function. But how to make those words to be displayed with whatever function we want.

Using PC
If we go to Blogger.com with PC or Computer, you just need to mark the words we want and then press B to make bold function, or press i to make an italic function

Using mobile phone
There is one other option to do the blogging stuff, and that is using a mobile phone such as Blackberry, Nokia, SE or other mobile gadget.

Actually, to edit the texts interface, we just need to remember the code below:


The blank or dots area is indicating that the area will need an order or function for the texts.

Make a bold
Ok, to make a bold function texts, we need to use the code below. For example, i want a word "Gamelidz" to be displayed in Bold function. Here's the code:

<span style="font-weight: bold;">
Gamelidz
</span>

The result is like this: Gamelidz

 
Make an italic
Next we want to make a word "Gamelidz" to be displayed in italic or skew word function. Here's the code:

<span style="font-style: italic;">
Gamelidz
</span>

The result is: Gamelidz

Make an uppercase
Next we want to make a word "Gamelidz" to be displayed in uppercase or all capital. Here's the code:

<span style="text-transform: uppercase;">
Gamelidz
</span>

The result is: Gamelidz

Anyway, if you want to make the words to be displayed in Capital only in the begining of the letter, change the word "uppercase" with "capitalised". For example:

<span style="text-transform: capitalised;">
Gamelidz
</span>

So the result is Gamelidz

Float the letter in center, left, or right position
And now we want to make the words we mark to be displayed in the position we want, in the left, center, or right position. Use the code below:

<div style="text-align: center;">
Gamelidz
</div>

The result is :


Ok, that's all for now. Anyway, you can combine all the function with anything you want. Ok, i am out. Good luck bloggy!