-->

HTML page to upload a file.

Let's take an example.
----------------------------------------------------------------------------------
<html><!--starting tag of html-->
<head><!--used for meta tag-->
<title><!--used for title of page-->
form concept
</title>
</head>
<body><!--is container-->
form <br>
<form><!--form tag-->
upload :<input type="file" name="f1"><br>
<!-- we can upload a file-->
</form><!--closing of form-->
</body>
</html>

No comments:
Labels:

HTML page to create check box to choose multiple data between given options.

Let's take following example.
-------------------------------------------------------------------------------------------------
<html><!--starting tag of html-->
<head><!--used for meta tag-->
<title><!--used for title of page-->
form concept
</title>
</head>
<body><!--is container-->
form <br>
<form><!--form tag-->
Physics:<input type="checkbox" name="c1"><br>
chemistry:<input type="checkbox" name="c2">
<!--it creats rectangular box which can be clicked
-->
</form>
</body>
</html>

No comments:
Labels:

HTML page to create radio box to choose data between two options.

Following example can be considered to understand this.
-------------------------------------------------------------------------------------------------
<html><!--starting tag of html-->
<head><!--used for meta tag-->
<title><!--used for title of page-->
form concept
</title>
</head>
<body><!--is container-->
form <br>
<form>
male:<input type="radio" name="radio1"><br>
<!--creats radio box. we can click them-->

female:<input type="radio" name="radio1">
<!--creats radio box. we can click them-->

</form>
</body>
</html>

No comments:
Labels:

HTML page to create password box to input our password.

Let's look at following example.
-------------------------------------------------------------------------------------------------------
<html><!--starting tag of html-->
<head><!--used for meta tag-->
<title><!--used for title of page-->
form concept
</title>
</head>
<body><!--is container-->
form <br>
<form><!--form tag-->
input name:<input type="password" placeholder="type your password" maxlength="10" size="20">
<!-- creates passbox where typed characters are invisible.
because of type password.
placeholder places the text inside the box.
maximum character we can type is 10, the width of box is 20
-->
</form><!--closing of form-->
</body>
</html>

No comments:
Labels:

HTML page to create box to input our data using box.

look at following example.
---------------------------------------------------------------------------------------------
<html><!--starting tag of html-->
<head><!--used for meta tag-->
<title><!--used for title of page-->
form concept
</title>
</head>
<body><!--is container-->
form <br>
<form>
input name:<input type="text" placeholder="type your name" maxlength="10" size="20">
<!--type text creates a box
placeholder puts the text inside the box
maxlength takes the character maximum 10
size:it creates the box having 20 length
-->
</form><!--closing part of form-->
</body>
</html>

No comments:
Labels:

HTML with table tag

table is an important tag we use to store and display our data.
To understand table tag with attributes, let's use following examples.
-----------------------------------------------------------------------------
1) HTML page to understand table tag 
                                                                         click here

2)HTML page with table tag and attributes

                                                                       click here

3)HTML page with table tag and attributes border color

                                                                       click here

4)HTML page with table tag and attributes background color

                                                                       click here

5)HTML page with caption tag.

                                                                          click here

6)HTML page with heading 

                                                                       click here

7)HTML page with heading using heading tag(th)

                                                                        click here
8)HTML page with heading with centered data

                                                                       click here
9)HTML page with heading with centered data using row align

                                                                       click here



10)HTML page with cellpadding and cellspacing

                                                                         click here

11)HTML page with rowspan property.

                                                                         click here
12)HTML page with colspan property

                                                                          click here

13)HTML page with rowspan and colspan

                                                                        click here

14)HTML page with rowspan and colspan

                                                                     click here
 15)HTML page with rowspan and colspan

                                                                      click here


No comments:

HTML with colspan and rowspan

another example of rowspan and colspan is given below.
---------------------------------------------------------------------------------------------------
<html> <!--called root tag-->
<head> <!--used for meta tag-->
<title><!-- it is for title tag-->
understanding table tag with rowspan and colspan
</title>
</head>
<body><!-- is container-->
<!--following tag is used as heading-->
<h1>we are going to creat table</h1>
<!-- we are going to create table-->
<table border="1" width="100%" bordercolor="green">
<caption align="top">student's details</caption>
<tr>
<td>six</td>
<td>seven</td>
<td>eight</td>
<td>nine</td>
</tr>
<tr>
<!--merges two rows and columsn -->
<td colspan=2 rowspan=2 bgcolor="purple">two</td>
<td>three</td>
<td>one</td>
</tr>
<tr>
<td>four</td>
<td>five</td>
</tr>

</table><!--closing of table-->
</body> <!--closing of body-->
</html> <!--closing of html-->

 
No comments:
Labels: