How to Become a Master in HTML - For Beginners
-E.Grashia Rajlin.
Html is one of the basic front end scripting language by which we can easily design our own website. Html stands for Hyper Text Markup Language. The main thing one has to know about in html is tags and attributes. If one gets to know what are the basic tags to be used in html and where to use them, then he/she can built their own website easily.
 |
| HTML |
To start with let me tell you few things that you have to keep in mind while scripting html.
- Html tags are case sensitive.
- Indentation is not required.
- Forward slashes are only use in closing tabs
Html tags are case sensitive:-
While scripting html one have to use use either capital tags throughout or small tags throughout the program. If you start with <HTML> then all the tags used in the program should be in upper case. If you start with <html> then all the tags used in the program must in small case.
Indentation does not required:-
Indentation is not necessary in html. But you can see html scripted with indentation in many places like books,web pages and so on. Because it helps in easy understanding and readability. For beginners learning with indentation will make you to understand easier. It is your preference.
Forward slashes are used in closing tabs:-
The professionals will also stuck into the doubt that whether to use backslash or forward slash in html closing tabs. Keep in your mind that forward slashes are used in closing tabs. Wrong usage of the slashes will result in error in the web page.
Let us get on to tags,
Wondering so long what are tags? No worries, here is the answer.
Tags are keywords are commands written between ankle brackets.
eg. <html>
<body>
etc.
Different kinds of tags and their uses:-
| Starting tag | closing tag | Description |
|---|---|---|
| <html> | </html> | To indicate the start and end of the program |
| <title> | </title> | To denote the title of the web page |
| <head> | </head> | To denote the main heading of the webpage |
| <body> | </body> | To insert the contents to be displayed in the webpage |
| <b> | </b> | To bolden the text |
| <i> | </i> | To make the text italic |
| <table> | </table> | To insert table |
| <center> | </center> | To align the to center |
| <left> | </left> | To align the text to left |
| <right> | </right> | To align text to right |
| <a> | </a> | To insert hyperlink to the web page |
A Sample Program:-
<html>
<head><title>My own web page</title></head>
<body><center>Hello welcome to my web page
<a href="https://drive.google.com/open? id=1rZZVtqi0jScIRSkb3NxZUjJDmGZkd40v">This is my document on impact of corona. click here</a></center>
</body>
</html>
output:-
My own web page
Hello welcome to my web page
This is my document on corona.click here
In this example you can find mostly all the common tags used.
- The sentence between the title tags are the title to be displayed. the sentence.
- The sentence between head tags is the heading to be displayed.
- The sentence between the body tags are the content of the web page to be displayed.
- In the body tag you can find <a> tag with href attribute.
- Href is used to add a link to the website which will redirect you to another webpage.
Still having doubt? go and click the blue link in the output section you can find a new page opens. the matter is the link won't be displayed in the output but the sentence which we give between the <a>.........</a> tags will only be shown.
<a href="https://drive.google.com/open? id=1rZZVtqi0jScIRSkb3NxZUjJDmGZkd40v">This is my document on impact of corona. click here</a>
- The sentence between the title tags are the title to be displayed. the sentence.
- The sentence between head tags is the heading to be displayed.
- The sentence between the body tags are the content of the web page to be displayed.
- In the body tag you can find <a> tag with href attribute.
- Href is used to add a link to the website which will redirect you to another webpage.
ie. only the highlighted part will be displayed.
In the example you can find that the sentence typed between the center tags will only be in center alignment.and the heading tags will not be aligned
I have not used the table tags here because you have to know more about the attributes used in it. I will tell you more about common attributes to be used and the creation of tables in my next blog. stay tuned.
Comment your doubts.
Thank you.
Comments
Post a Comment