Monday, December 1, 2008

HTML Building Blocks

Writing In HTML

You can create an HTML document with any word processor or text editor (for example the notepad and wordpad.), or you can download or buy softwares like dreamweaver or Intype but if you really want to learn HTML without relying on any Web Page Editors then try to use notepad or wordpad for your basics in HTML.

HTML Tags

HTML tags are commands written between less than (<) and greater than (>) signs also known as angle brackets, that indicate how the browser should display the text. There are opening and closing versions for many but not all tags, and the affected text is contained within the two tags. Both the opening and closing tags use the same command word but the closing tag caries an initial extra forward slash symbol(/) for example <b>some content</b>.

Attributes

Many tags have a special attributes that offer a variety of options for the contained text. The attribute is entered between the command word and the final greater than symbol. Often, you can use a series of attributes in a single tag. Simply write one after the other in any order, with a space between each other.

Values

Attributes in turn often have values. In some cases, you must pick a value from a small group of choices, For example the border attribute for the tag table above can take values of 0-9 or much higher than 9, what ever you want the thickness of the border will be displayed, any other value given will be ignored like (nine).

Other attributes are more strict about the type of values they accept. For example the image tag on the first sample above src attribute only accept URLs for its value.

Quotation Marks

Generally speaking, values should be enclosed in straight quotation marks "". However, you can omit the quote marks if the value only contains letters (A-Z, a-z), digits and hyphens, or a period. I usually use quotes around URLs to ensure that they're not misinterpret by the server.

22 comments:

Aldhis said...

Wow, very basic and clear explanation. Couldn't wait for another tutorial.
I think you should write a book of your own, Icymar.

Icymar "Iceman" Tagimacruz said...

hi aldhis wow you're the first to comment.. glad you drop by.. thanks a lot..

sinjan said...

thanx... bro ..

please put up more CSS tutorials... I want to learn it... and your explanation is also cool.. so plz

sinjan

www.freakyfryday.weebly.com

[plz visit and comment in my blog]

Mel Alarilla said...

They're too complicated for me. I only know of certain basic html like the link html. Thanks for the info post. God bless you always.

Icymar "Iceman" Tagimacruz said...

hi sinjan and mel,

thanks a lot for droppin by appreciate it.. thanks a lot..

Topher said...

great post again.
Thanks for all the help!
I do have one question
How on a blogspot hosted blog you able to set up pictures in different location within the post?
I know how to do it free code, but have been unable to do anything but one picture per post in blogspt.
Thanks again!

Icymar "Iceman" Tagimacruz said...

hi topher I just upload the pics and just drag it to where I just it to be place.

Topher said...

Thanks man, seems so simple now! lol

Icymar "Iceman" Tagimacruz said...

thanks for droppin by topher.. great to help you.

Mr. Wilson said...

you;re really into HTML dude..nice tutorial

Michael Wong 38 said...

Hi there, a while ago we had talked about exchanging blogroll links.

I was supposed to get back to you after I linked to your blog so you could link back.

I linked to your blog already. When you have some time, please link back ok?

cheers, michael wong at:

http://bigmoneylist.blogspot.com/

rakesh said...

real good work...it couldn't have been done in a simpler way...

Icymar "Iceman" Tagimacruz said...

Hi wilson, micheal and rakesk thanks a lot for visiting my blog.. keep in touch.

Iceman....

Icymar "Iceman" Tagimacruz said...

Hi micheal already added you to my links..

Avatar said...

That's simple explaination for new people for want to learn HTML. Keep writing, it might be useful for those people who want to start in HTML. :)

Icymar "Iceman" Tagimacruz said...

thanks avatar hope you will be back here from time to time thanks a lot

silemot said...

tnx 4 u visit my blog

Icymar "Iceman" Tagimacruz said...

hi silemot thanks for visiting back

caryn said...

whoa, i see the light ;-) thanks for your concise and informative posts. intindi-able for non-techie people like me ;-)

Icymar "Iceman" Tagimacruz said...

hi caryn thanks for the appreciation keep coming back...

boracay said...

i really love creating html codes..
how thoughtful for you to have this article.. it helps a lot!

iceman said...

Hi thanks for the visit.....