HTML Tutorial in Easy Language Part 3

Posted By: KP On September 4, 2009 Under Internet, Other, Programming, Web Design Categories


Lets move further in tutorial series of HTML. Hope you are getting my language very easily.

Up to now:

Part 1 – Introduction to HTML

Part 2 – Text Formatting Tags and Hello World !

Lets have intro of some other tags.

HTML has 6 different style to define headings. You can use any as per your requirement.

Heading 1 is the biggest and Heading 6 is smaller most. Heading 1 gets most importance in eyes of search engines.

For using headings you can tag <H1> to <H6> . All heading tags are paired tags.

Below is a sample output of H1 tag.

This is a Output of H1 tag

I am using CSS to control output. So you won’t see exact output here.

The person knows MS Word knows bulleted and numbered lists. HTML also provides same thing in it.

To use list first we need to decide whether it is numbered or bullets. For bullets HTML has <UL> which stands for unordered list. For numbered list HTML has <OL> i.e. Ordered List. To end list we need to add an closing paired tag.

To add an element of the list you need to use <LI> i.e. List Item tag. To end the item you need to use </LI>.

So final format for creating unordered (Bulleted) list is

<UL>

<LI>Item 1</LI>

<LI>Item 2</LI>

</UL>

Replace UL by OL for a numbered list.

Now we will learn how to add image in a webpage.

For that we have tag named IMG.

By adding attributes to IMG tag we will provide source of image,size of image and what the image is about.

for this attributes are

src – source of image

width – width of image to display

height – height of the image

alt – alternate text of image, it may be what the image is about or text to display on mouse hover, it helps people and search engine to know about the image.

One example:

<IMG SRC=”http://kpsofts.com/img/sampleimage.jpg” width=95 height=100 alt=”Its the sample image from kpsofts”>

Next Tutorial : http://www.terabug.com/html-tables-tutorial/



Share with Friends ( Sharing is Caring! )


Subscribe For E-mail Notification Of Article Updates

Enter your email address:

NOTICE:
DO NOT FORGET TO CLICK ON THE VERIFICATION LINK AFTER SUBSCRIBING,THE VERIFICATION MAIL WILL BE SENT TO YOU FROM "FeedBurner Email Subscriptions".
( What is this? Why I need to do this?)

Related Posts

Post a Comment

OR