Earn money from online, Advertise your site, Chat with friends

Friday, March 8, 2013

Learn HTML in 7 Days | Day – 1 : Introduction and tags in HTML | HTML Tutorial



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
<html>
<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 .

4 comments:

  1. ধন্যবাদ এডমিন ভাই কে এ রকম একটা সুন্দর পোষ্ট দেয়ার জন্য

    ReplyDelete
    Replies
    1. @ Md. Maidul Mahid brother > You are welcome. :) .

      Delete
  2. Beautiful tutorial on basic HTML. It'll help us to learn HTML. I am eagerly waiting for the next episode. Thanks to the blogger.

    ReplyDelete
  3. @ Md. Masud Parvage > Thank you too. Your website http://www.childlaborofbd.com/ is very nice !

    ReplyDelete