Today we will discuss about the introduction of HTML. HTML (Hyper
Text Markup Language) is the basic language of web design. This tutorial is
only for beginners. I will try to make every tutorial as easy as possible. Now,
let’s start.
Requirements to learn HTML:
1.
Any Text Editor ( Notepad is recommended, by
default you have it)
2.
Any browser ( it is available everywhere and
any version can use)
3.
Your interest and time ( you must have
interest to learn HTML )
Your 1st web site :
Step-1: Open Notepad from All Programs > Accessories >
Notepad
Step-2: Type/copy-paste this HTML code to your Notepad
<title> This is My First Website
</title>
<body> Hi everyone, it is My
First Website </body>
</html>
Step-3: Then “Save as” with “.html” extension and Encoding
“Unicode” at any place (desktop preferred).
Step-4: Double Click on the html file from your desktop.
Owaow! You have made a webpage . See….How it works
Here, we have used something like <html>, <title>,
<body>, </title>, </body> and </html>. All are these
known as HTML Tags. HTML consists of different types of tags. Today I will give
you a basic concept about HTML Tags, later I will discuss.
TAG
|
Use
|
<html> </html>
|
HTML documents is within this tag
|
<head></head>
|
Indicate the head of the program
|
<title></title>
|
For title which show in the title bar of
browser
|
<body></body>
|
Website body. Everything is here.
|
<meta></meta>
|
Meta tag, used for advanced purposes
|
<h1></h1>
|
Header tag
|
<p></p>
|
To indicate paragraph
|
<br / >
|
To give a line break
|
<hr/>
|
To provide a horizontal line
|
<abbr></abbr>
|
To abbreviate any text.
|
<b></b>
|
To make any text Bold
|
<i></i>
|
To make any text italic
|
<big></big>
|
To make any text size larger
|
<small></small>
|
To make any text size smaller
|
<pre></pre>
|
To make Pre formatted text
|
<strong></strong>
|
To make strong text
|
<sub></sub>
|
To indicate subscripted text
|
<sup></sup>
|
To indicate superscripted text
|
<blockquote> </blockquote>
|
Indicate special quotation
|
<a></a>
|
Use to provide any link
|
<img/>
|
Insert image
|
<code></code>
|
Represent computer code text
|
<table></table>
|
To make Table
|
<col></col>
|
To make column of Table
|
<td></td>
|
To make cell of Table
|
<tr></tr>
|
To make cell of Table
|
<form></form>
|
To make Form
|
<input></input>
|
Input data to form
|
<li></li>
|
To make listing
|
<ol></ol>
|
To make order list
|
<ul></ul>
|
To make un-order list
|
Ok. This is only for today. Tomorrow I will write on another topic.
Try your own self. If you face any problem, then comment below or mail orinaas.blogspot@gmail.com . Mention
your name in comment, then Click “Comment as” & select “Anonymous”, then
publish. Please give me your feedback. This post is only for educational purposes, if anyone abuse this post, then http://orinaas.blogspot.com will not responsible.
Thank You .
ধন্যবাদ এডমিন ভাই কে এ রকম একটা সুন্দর পোষ্ট দেয়ার জন্য
ReplyDelete@ Md. Maidul Mahid brother > You are welcome. :) .
DeleteBeautiful tutorial on basic HTML. It'll help us to learn HTML. I am eagerly waiting for the next episode. Thanks to the blogger.
ReplyDelete@ Md. Masud Parvage > Thank you too. Your website http://www.childlaborofbd.com/ is very nice !
ReplyDelete