Hi Friends! Today i will discuss about basic html.You know it is the most essential skills which is of course need everyone who want to be a WEB DEVELOPER or a GRAPHIC DESIGNER.If you want to learn CSS /PHP/JAVA SCRIPT or any other programming language or want to build up your career as a ad poster,there is no alternative way except HTML.
The meaning of HTML is Hyper Text Markup Language.Actually here we can learn basic practical html.so,i avoid theoretical discussion.
Tools Need to Learn
You have no need to collect any additional tools to learn & practice HTML.Notepad is very common tool which is available to every operating system.You can use this tool primarily to learn html.Many advanced developer / user uses Dreamweaver , Notepad+ and other html editor.But ithink at first Notepad is best for the beginner.You can find/get this clicking your computers Start Button....
Start>All programs>Accessories>Notepad
Windows 7 users can find clicking computers Start Button & then typing notepad in search box.You can create shortcut to desktop for use quickly.
step-1
Now we are ready to write html code.please follow the steps given
below...
√√open notepad & write mathematical sign
less than(<) and greater than(>)together.Actually
all html elements have to keep between the less than(<)and greater
than (>) sign.write the same given below.
<html>
<body>
<p>This is my first code</P>
</body>
</html>
And save it a file named index.html.For this,go to file and
click save as and when show a dialogue box save as,write index.html and click
save.Now we analysis the above code.
We see all html
element(<html>) is situated between the less than and greater than sign or left angel bracket and right angel bracket.
| <html> |
<head> |
<body> |
↑ ↑
Less than greater than left angel right angel bracket bracket |
↑ ↑
Less than greater
than
left angel right angel bracket bracket |
↑
↑
Less than greater
than
left angel right angel bracket bracket |
Here <html> is a tag.It is called opening tag.Now we have
to learn html tag .An html element is start with a opening tag and close with a
closing tag.That means every html element has a starting tag and a closing tag.
so, it is necessary to know that when we will write, we will must close the
closing tag.Examples..
(opening /starting tag)
|
(closing/ending tag)
|
| <html> ←This is a
tag. |
</html> ←This is a
tag.
|
<head>←This is a tag.
|
</head> ←This is a tag.
|
<body> ←This
is a tag.
|
</body>←This is a tag.
|
<p> ←This is a tag.
|
</p> ←This is a tag.
|
Now we are clear that <html>,<body> and <p> are opening tag and </html>,</body> and </p> are closing tag.And the middle part between <p> and </p> is html element content.
Actually an html content is everything from the opening tag to the closing tag.Always remember html code start with <html> tag and end with the </html> tag.please be attention to the given example below...
<html>
↓
↓
↓<body>
↓<p>This is my first code</P>
↓</body>
↓
</html>
so,we have written html code.open the saved file named index.html with any browser like chrome,Mozilla Firefox etc.You will see the output result like
So,we have written the html code and also have found the output result.If you have any problem to understand or any question about html,please ask me without hesitation.Thank You.The next post will be deep discuss with complete references.
No comments:
Post a Comment