September 05, 2012

Html Instruction Formatting Text

Html Instruction Formatting Text | Guideinfoyou the template website | logo design

How to format our Text Hey! We're really getting somewhere! By now I’ll bet that you've got a very informative page with a beautiful link to someplace (this site? please?! awww....) on it.
That's great, but I’ll bet you're hungry to make it look even more beautiful than it already is or maybe your boss demands it!. Well, read on!

Do you like your name to stand out on your pages? I do! On every page i make sure that our letter make in boldface. How did I do this? HTML has some special tags that allow us to change the way our text is shown. The one I just used is the <B> or boldface tag.

You can also make text in italics with the tag <I> or italics tag. Similarly, you can underline text with the <U> or underline tag. These tags need both an opening tag and a closing tag, so the format is <I, B, or U>text to be formatted </I, B, or U>.

In addition to these regular formatting tags, there are lots of special formatting tags. 
Here a list of them the special formatting tags

<SMALL> - Small text

<BIG> - Big text

<SUPER> - Superscript

<SUB> - Subscript

<STRIKE> - Strikethrough text (text with a line through it)

<TT> - Mono spaced (typewriter style) text

<PRE> - Preserves all format and line breaks in source HTML

Yep, text formatting is great! Now here's how to align your text.

When you align your text, it lines up with that portion of the window. So left aligned text (the default) is lined up with the left side of the window just like using a word processor and clicking the left align button.

However, there is no align tag, what HTML has is what's called an antribute. An attribute is an argument that is put into a tag to change the way that tag works. The align attribute can be put into many different tags to format paragraphs, or blocks of text (pictures too-more on this later). So if we wanted to make a paragraph aligned to the center of our window, we'd just add the align attribute to the <P> tag at the beginning of that paragraph. So it would look like this:

<P ALIGN="center">
Hi, is this paragraph are aligned to the center. This was accomplished by using the align attribute.
And here's how it would show up in the browser window, and try it.


There is also a way to format whole blocks of text. The way we do this is by using the <DIV>, or division tag. The division tag really doesn’t do anything without the align attribute. In fact, it's useless with no attributes!

The <DIV> tag is used like this:

<DIV ALIGN="left">
This is the text to be left aligned. <P> I can align lots of text with the division tag!
</DIV>

If we put this into our web page, it shows up in a browser like this:

This is the text to be left aligned.

I can align lots of text with the division tag!

The align tag can also be used in headers. If you want your header to be eye catching, align="center" it!

All this stuff is great, but I bet you're worrying about the small margin space in your pages. Well, that can be fixed with one easy tag: the <BLOCKQUOTE> tag! Simply put a <BLOCKQUOTE> right under that <BODY> tag, and a </BLOCKQUOTE> right above the </BODY>, and you'll have beautiful margins in your page with minimal work!

Now you should be an expert in text format and alignment. Take a few minute to absorb what you've just learned and we next from another part.
Return to:

If you like to see our Flash template Design/Template Page goes here:
See all: Our Template

No comments:

Post a Comment

Share Us

| Guideinfoyou (Guideline and Learning tactics) © 2008- 2014 w/blogger. All Rights Reserved | Designed by Virgil R. Toling Jr |