-->

HTML with different rows and columns.

<html><!--root tag-->
<head><!--meta tag-->
<title><!--title tag-->
frame
</title>
</head>
<frameset rows="25%,70%,5%" noresize="noresize">
<!--creates three rows of diff. partitions-->
<frame src="header.html">
<!--first partition is for header.html-->

<frameset cols="20%,80%">
<!--second partition is further divided into
two columns of width 20 and 80%
-->
<frame src="menu.html">
<frame src="content.html" name="conn">
</frameset>
<frame src="footer.html">
<!--it is for third partition-->
</frameset>
<body>
</body>
</html>

No comments:
Labels:

HTML with columns

Just like rows, we can also create multiple columns as shown below.
----------------------------------------------------------------------------------------
<html><!--root tag-->
</head><!--meta tag-->
<title><!--for title-->
frameset
</title>
</head>
<!--for frameset, we use after head and before body tag.
or we can also use without thsese tags(html,head,title)
-->
<FRAMESET cols="30%,55%,*%" noresize="noresize">
<!--defines three columns of partitions
of size 30%,55% and left over for third partition.
noresize is an attribute means it is not resizable
-->
<FRAME SRC="FIRSTPAGE.HTML">
<FRAME SRC="SECOND.HTML">
<FRAME SRC="THIRD.HTML">
</FRAMESET>
<body>
</body>
</html>
--------------------------------------------------------------------------
We must have firstpage.html
secondpage.html
third.html

 
No comments:

HTML with different rows.

Here is how we create rows using frameset tag with frame src tag.
--------------------------------------------------------------------------------------------------
<html><!--root tag-->
</head><!--meta tag-->
<title><!--for title-->
frameset
</title>
</head>
<!--for frameset, we use after head and before body tag.
or we can also use without thsese tags(html,head,title)
-->
<FRAMESET rows="30%,55%,*%" noresize="noresize">
<!--defines three rows of partitions
of size 30%,55% and left over for third partition.
noresize is an attribute means it is not resizable
-->

<FRAME src="PAGEONE.HTML">
<FRAME src="PAGETWO.HTML">
<FRAME src="PAGETHREE.HTML">
<!--we have to use frame src for each partition-->
</FRAMESET>
<body>

</body>
</html>
-----------------------------------------------------------------------------------
note:
      We must have three files named pageone.html... in same folder as that first file is(index).
Otherwise, it will show error.

No comments:
Labels:

HTML page with label tag.

To write particular text we can use label tag.
------------------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with input tag date-time-local tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        <label for="fullname">name</label><br>
        <!--defines label for full name
            we can simply use label-->
        <input type="text" name="fullname"><br>
        <!--creates box-->
        <label for="fulladdress">address   </label><br>
        <!--defines label for address
            we can simply use label-->
        <input type="text" name="fulladdress">
    </form>
</body>

</html>
No comments:
Labels:

HTML page with optgroup and select tag.

To display different listed data, we have to use select with optgroup.
-----------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with optgroup and select
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        <label for="stream">choose the subject</label>
        <!--defines label-->
        <select name="stream"><!--assigns name.it is same as given in label-->
            
            <optgroup label="MGMT">MGMT<!--creates first category-->
              <option value="account">account</option><!--value-->
              <option value="eco">eco</option><!--value-->
            </optgroup>
            <optgroup label="science">Science<!--creates second category-->
              <option value="Physics">Physics</option><!--crates value-->
              <option value="Chemistry">Chemistry</option><!--creates value-->
            </optgroup>
        </select>
    </form>
</body>

</html>
No comments:
Labels:

HTML page with input type date.

to input date either we can use javascript or simply html. Let's understand this with following example.
----------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with input tag date tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
    <form>
        choose the date
        <input type="date">
        <!--we can simply use type date-->
    </form>
</body>

</html>
No comments:
Labels:

HTML page with input type datetime local.

To input date and time to our website, we can use input type datetime-local.
----------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with input tag date-time-local tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        choose the date and time
        <input type="datetime-local">
        <!--it is for date and time-->
    </form><!--closing-->
</body>

</html>
No comments:
Labels: