HTML Tutorial in Easy Language Part 3
Lets move further in tutorial series of HTML. Hope you are getting my language very easily.
Up to now:
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
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
Search
Free Daily E-mail News Letter
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?)
Tip Of The Day
Meet the Author
Mail me:
Stay Connected With Me
