Friday, June 26, 2009

Making A Form In HTML

Whenever we create a web page then there is need to create a form that contains some basic elements like text field, text area, radio button, check boxes, drop down menu etc. while creating a form in HTML it is defined by

tag. Here are some form tags that are to be used for creating a form in HTML.

Form Tags

Tag Name

Description

form

This tag is used for creating a form in which user gives input

input

This tag is used for giving input field in form

text area

This tag is used for defining text area i.e. input control

label

This tag is used for defining a control label

fieldset

This tag is used for giving fieldset value

select

This tag is used for selecting a value from drop down list

button

This tag is used for creating a radio button

option

This tag is used for defining an option in drop down box

These are some basic tags that are used for creating a form in HTML. Below code for creating form in HTML is basic code with the help of these you can crate form in HTML. These tags help you to create radio button, text box, check box, text area, and simple button. So, copy this code, edit it to make yourself expert.

this is first form

First Name


Last Name


Sex


Male


Female


Status


10th Passed


12th Passed


Graduation Passed



About Yourself


Category


This is code for creating form and the output of this code see in your web browser.

Friday, June 19, 2009

How To Make Table in HTML

After knowing all about basics of HTML tags try to make your web page. For making a web page there is need for creating table, forms, inserting images, text, and more. So, for creating a web page first of all we started to create table in HTML.

By hearing the name of table one thing came in mind that for crating table we need two things "columns" and "rows" that are basics. In HTML, table is defined by table tag and the content of rows and columns are defined table data tag. Before creating table in HTML first we give a look on table tags that are:

 

Tag Name

Description

<table>

This tag is used to define table

<th>

This tag is used for giving heading to your table i.e. table header

<tr>

This tag is used for making entry in table rows

<td>

This tag is used for inserting an value by defining table rows

<tbody>

This tag is used for defining the body of table

<thead>

This tag is used for defining table head

<tfoot>

This tag defines the footer of table

<caption>

This tag is used for defining caption in table

<col>

This tag is used for defining one or more column values in table

<colgroup>

This tag is used for defining group of columns in table

 

So, after giving a short look on these table tags start to create a table and the basic code for creating table as:

 

<html>

<head>

<title>my table</title>

<body>

<table border="1">

<tr>

<th>Sr.No.</th>

<th>Name</th>

<th>Deparment</th>

<th>Salary</th>

</tr>

<tr>

<td>1</td>

<td>John</td>

<td>General Manager</td>

<td>100000</td>

</tr>

<tr>

<td>2</td>

<td>Smith</td>

<td>Manager</td>

<td>80000</td>

</tr>

<tr>

<td>3</td>

<td>Clark</td>

<td>Team Leader</td>

<td>50000</td>

</tr>

</table>

</body>

</html>

 

In your web browser it will look like this:

 

Sr.No.

Name

Deparment

Salary

1

John

General Manager

100000

2

Smith

Manager

80000

3

Clark

Team Leader

50000

 

 

So, copy this code into your notepad, save it with HTML extension then open it in your web browser and try to editing it for making yourself stronger to create table.

Friday, May 29, 2009

List of HTML Tags

In the last sections we discussed about HTML Basics. Besides these there are some basic tags also which are to used in HTML. So, we create the list of tags here and I hope all these tags make you expert in HTML. The lists of these tags are as follows:

 

Tag Name

Description

<!--…-->

This tag defines a comment

<a>

This tag used for creating hyperlink

<address>

This tag defines contact information of document owner

<area />

This tag defines area inside image

<b>

This tag used for making text bold

<base />

This tag is used for defined target address on page

<big>

Used for making a text big

<body>

This tag is used for defining body of document

<br />

Used for single line break

<button>

Defines push button

<bg color>

Used for giving background color to whole document

<caption>

This tag defines table caption

<center>

Used for keeping text in center

<col>

Used for defining attribute values of columns in table

<dd>

Used for defining description terms in definition list

<del>

Used for deleting text

<div>

Used for give alignment to text

<dl>

Used for definition list

<dt>

Used for defining term in definition list

<font>

Used for giving size, color

<h1>to<h6>

Used for giving headings

<head>

Defines information about documents

<hr>

Used for giving horizontal line

<html>

Starting tag of html that defines html document

<i>

Used for making text italic

<img>

Used for inserting image

<ins>

Used for inserting text

<input>

Used for input control

<ul>

Used of creating unordered list

<u>

Used for making text underline

<table>

Used for creating table

<td>

Used for defining table data

<ol>

Used for creating ordered list

<p>

Used for defining paragraph

<marquee>

Used for moving text

<style>

Used for defining styled information for text

<title>

Defines the title of document

<tr>

Defines table rows in table

<var>

Used for variable part of text

<tt>

Used for defining teletype text

These are all HTML which are used for creating HTML document. I hope all entire tags will make you expert for creating HTML document. 

Thursday, May 28, 2009

HTML Basics for Making Links, Headings, Paragraphs, and Inserting Images

After knowing about HTML and how to get started with HTML everyone should clear our basics about HTML. There are some basics of HTML which will help you for learning about HTML.

  1. HTML Heading: In HTML headings are most important which shows the size of text. In html heading less will be heading number more will be the size of heading. In html heading can be defined by <h1></h1> tags.

For example: <h1> this is my text</h1>

  1. HTML Paragraphs: if the content is very large and we want to give it in paragraphs then it can be given by <p></p> tags.

For example: <p> this is first paragraph</p>

                       <p>this is another paragraph</p>

  1. HTML Links: if there are number of pages in and we want to link these pages each other then anchor tag can be used which is used for creating hyperlink and connecting one page to another page.

For example: suppose a page to which you saved by a.html and another page to which you creating by b.html and wants to links these pages then it can be done by this.

a.html which is in your system when you opened it will give a URL which is to be noted down and paste it another page on which you want to make link. It can be done by

<a href=" C:\Documents and Settings\Administrator.abc\My Documents\a2.html">xyz</a>

  1. HTML Images: if you want to add images in your text then you add image by inserting image tag. For adding image select a image go to its properties and then copy source.

for example: <img src="path name" />

 

Except all these there are more tags which are used in HTML like bold, italic, underline, and more which we will discuss in next section.

Friday, May 8, 2009

How Can We Feel Comfortable With HTML?

After knowing about HTML the second thing arise that how can we started with HTML. As we know that HTML is a markup language not programming language so it is used for creating web.

 

Started with HTML

 

To start with HTML we need only simple notepad which is best to learn with HTML. Now a day's professional web developer prefer dream weaver of FrontPage instead of writing plain text.


Creating your web with HTML


To create webpage in HTML open the notepad and write HTML coding for which you want to make web page and then save as by giving your desired name with extension of html.

For example:

<html>

<head>

<title> this is my webpage</title>

<body>

<h1> This is my first page</h1>

</head>

</html>

When you save as by giving extension with .html then go to location where you save it. After going to exact location a browser icon will appear here with your given desired name and when you opened it will look like this.


 

This is our simple very simple webpage in HTML. To use HTML is very easy for making WebPages. Advanced coding of HTML can be used but we will do step by step.

Friday, March 20, 2009

Learn HTML- what is HTML and Markup Language ?


First questions Is what is HTML and how can do help for create website?

HTML is a Hyper text markup language, we can not say to a languages but you can say this is a markup language. Then what is mark up language? “Markup Language is a array of explanation to text that explain how it is to be structured, and formatted.”
Markup Langauge is make for groups of markup tags and then HTML(hyper text markup language) uses markup tags to explain websites pages.

Now move to HTML( Hyper Text Mark up Language) Tags
HTML tags like < >, always tags come in duo due to first is start to tag and second mentioned to closed the tag. We can say to first tag is starting tag and end tag called closing tag.