-->

Sunday, July 19, 2020

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.

Posted by at No comments:
Labels:

Saturday, July 18, 2020

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>
Posted by at 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>
Posted by at 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>
Posted by at 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>
Posted by at No comments:
Labels:

HTML page with input type color.

to understand this, let's understand following code.
---------------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with color type tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        choose the color
        <input type="color">
        <!--is useful to select the color-->
    </form>
</body>

</html>
Posted by at No comments:
Labels:

HTML page with input type e-mail.

inputting valid e-mail can be tedious work, to make it easier, we can simply change input type to e-mail.
------------------------------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with type e-mail
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        enter email<br>
        <input type="email">
        <!--it validates the email entered by user-->
    </form>
</body>

</html>
Posted by at No comments:
Labels: