In this tutorial you will learn the basic syntax of html document. First have a look at the code below:
1. <html>
2. <head>
3. <title>This is title of your Webpage</title>
4. </head>
5. <body>
6. Put your page’s content here
7. </body>
8. </html>
Now I am explaining it line by line:
Line 1: Start of html tag, you can say it container for other tags
Line 2: Start of head tag. Inside the head tag we place the title tag, meta tags and link tags. Link tags are used to link other files (css style sheets etc.) to your html document. Meta tags will be discussed in coming tutorials.
Line 3: This line has start and end of title tag. In between the starting and closing of title tag you can put the text which would be display in title bar of browser.
Line 4: End of head tag.
Line 5: Start of body tag. This tag contains all the visible items of your document; including layout, formatting, scripting, and image tags etc.
Line 6: You are free to put your content between starting and closing body tags.
Line 7: Closing body tag.
Line 8: Closing html tag.
Html is short form for hypertext mark up language; it is based on the use of tags. By using these tags you can create static WebPages and forms in html. If you want to add some functionality to your WebPages created in html you can add code from any server side language like PHP, JSP, and ASP etc. In html tags are everything; here on this site we are going to discuss some very common tags available in html. First of all we need to know how to use a tag in HTML. We can start a tag by enclosing tag inside lesser than and greater than signs:
<html>
Above statement shows the start of html tag. Similarly we can close tag by placing a slash next to lesser than sign:
</html>
Html is not case sensitive hence <html> and <HTML> has same meaning so you not need to worry about that.
Practically tags are available for almost everything including page layout, search engine directives, text formatting, images, third party scripts and many more. All these tags will be discussed in the further tutorials at girendra.com. In these tutorials if you feel that you have doubt on anything you are welcome to ask me about that; leave your comment here I will try my best to clear your doubts.
Today I am starting a new html and css tutorials series. It is very useful for the peoples who are seeking the help in html and css. These tutorials will cover the following topics:
- What is html and what can I do with HTML
- Basic Syntax of HTML
- Role of meta tags
- Role of headings(h1, h2, h3 etc.)
- Text Formatting Tips
- All about hyperlinks and anchor text
- Images in html document
- Setting page’s width and height
- Page layout using tables
- Page layout using div/css
- Create form in HTML
- Various form elements like text field, text area, radio button, checkbox, buttons etc.
- How to use java script, php code in HTML file.
- Cascading Style sheets (CSS)
- Xhtml and CSS Validation
- And many more….
I will write the tutorials and publish them twice or thrice in a week. I am also planning to provide detailed information on all the CSS properties which is also an integral part of website’s layout.
In internet explorer it is possible to use hand as mouse cursor using the following CSS code:
#idname
{
cursor:hand;
}
This code is very fine with internet explorer but it is not compatible with Mozilla Firefox because Firefox does not support the “hand” value of cursor property. If you want hand cursor in Firefox, you have to use the pointer as the value of cursor property. Code is:
#idname
{
cursor:pointer;
}
Some earlier versions of internet explorer does not support value “pointer”, so for the safe side you can include both properties:
#idname
{
cursor:hand;
cursor:pointer;
}
