Scribd
Upload
27 views14 pages

HTML Formula-1

The document provides various HTML formulas for creating elements such as marquees, images, hyperlinks, time tables, and forms. It includes examples of JavaScript for displaying user information and tables for student records. Each section is structured with HTML tags to demonstrate the syntax and layout for different web components.

Uploaded by

sacasamechanize
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
27 views14 pages

HTML Formula-1

The document provides various HTML formulas for creating elements such as marquees, images, hyperlinks, time tables, and forms. It includes examples of JavaScript for displaying user information and tables for student records. Each section is structured with HTML tags to demonstrate the syntax and layout for different web components.

Uploaded by

sacasamechanize
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

HTML EXAM NOTE.

1) Marquee making table formula.

<html>

<head>

<title> Table </title>

<body>

</head>

<marquee direction = “right” bgcolor= “red” behavior=”slide” scrollamount=”50”


loop=”5”>

DCC, kokrajhar <\marquee>

<marquee direction =”left” bgcolor =”pink” behavior=”alternate” scrollamount=”50”


loop=”5”>

DCC, kokrajhar </marquee>

<marquee direction=”up” bgcolor=”blue” behavior=”slow” scrollamount=”50” loop=”5”>

DCC, kokrajhar </marquee>

</body>

</html>

2) Image source formula and hyper link formula.

IMAGE SOURCE

<html>

<head>

<title> Image source </title>

<body>

</head>

<img=”picture/properties/location/image name from properties”>

</body>

</html>
///////////////////////////////////////////////////////////////////////

HYPER LINK

<html>

<head>

<title> Hyper link </title>

<body>

</head>

<a href=”already created file to be inserted here.html”> Click Here </a>

</body>

</html>

3) Time Table formula.

<html>

<head>

<title> Time Table </title>

<body>

</head>

<center>

<h2> <u> TIME TABLE </U></H2>

<Table border=”1” cellspacing =”0” height =”400” width=”800”>

<tr>

<th> Day/period </th>

<th> l <br> 9:30-10:20 </th>

<th> ll<br> 10:20-11:10 </th>

<th> lll<br> 11:10-12:00 </th>

<th> 12:00-12:40 </th>

<th> lv <br> 12:40-1:30 </th>


<th> v <br> 1:30-2:20 </th>

<th> vl <br> 2:20-3:10 </th>

<th> vll <br> 3:10-4:00 </th>

</tr>

<tr align=”center”>

<th> Monday </th>

<td> eng </td>

<td> math </td>

<td> Che </td>

<th rowspan=”7” align=”center”> L<br> U <br> N <br> C <br> H <br> </th>

<td colspan=”3” align=”center”> LAB </td>

<td> Phy </td>

</tr>

<tr align =”center”>

<th> Tuesday </th>

<td colspan=”3” Align =”center” LAB </tf>

<td> Eng </td>

<td> Che </td>

<td> Math </td>

<td> SPORTS </td>

</tr>

<tr align=”center”>

<th> Wednesday </th>

<td> math </td>

<td> Phy </td>

<td> Eng </td>


<td> Che </td>

<td colspan =”3” align =”center”> LIBRARY </td>

</tr>

<tr align =”center”>

<th> Thursday </th>

<td> Phy </td>

<td> Eng </td>

<td> Che </td>

<td colspan=”3” align= “center”> LAB </TD>

<td> Math </td>

</tr>

<tr align =”center” >

<th> Friday </th>

<td colspan=”3” align =”center”> LAB </td>

<td> Math </td>

<td> Che </td>

<td> Eng </td>

<td> Phy </td>

</tr>

<tr align =”center”>

<th> Saturday </th>

<td> Eng </td>

<td> Che </td>

<td> Math </td>

<td colspan=”3” align=”center”> SEMINAR </td>

<td> SPORTS </td>


</tr>

</table >

</center>

</body>

</html>

4)Form making Formula.

<html>

<head>

<title> Form </title>

<body>

</head>

<form>

1. Name of Candidate’s : <br> <input type =”textbox” size=”40”>

<br>

2. Name of Father : <br> <input type =”textbox” size=”40” >

<br>

3. Address : <br> <input type =”textbox” size =”40”>

<br> <input type=”textbox” size =”40”>

<br> <input type=”textbox” size=”40”>

<br>

4.Gender : <input type=”radio” name=”1”> Male <input type=”radio” name =”q”> Female

<br>

4. Select Subject : <br> <input type =”checkbox”> English <br> <input


type=”checkbox”> Mil <br> <input type=”checkbox”> Education <br> <input
rtype=”checkbox”> Maths <br> <input type=”checkbox”> Economics

<br>
6.Streams : <br> <input type=”radio” name=”1”> Arts <br> <input type=”radio”
<input type =”radio” name =”1”> Commerce

<br>

7. Date : <input type=”date”>

<br>

8. Select state :

<Select>

<option> Select </option>

<option> Assam </option>

<option> Meghalaya </option>

<option> Goa </option>

<option> Gujarat </option>

<option> Kerela </option>

<br>

</select>9. Upload Photo : <input type =”file”>

<br>

<input type =”Reset”> <input type=”button” value=”Final Submit”>

</form>

</body>

</head>

5. Another type of form making(Sign Up Form Making)

<html>

<head>

<title> Admission Form </title>

</head>

<body>
<form>

<table border=”1” cellspacing=”0” align =”center”>

<tr bgcolor =”orange”>

<td colspan=”2” align=”center” Sign Up </td>

</tr>

<tr>

<th> Firat Name </th>

<th> <input type=”textbox” placeholder=”Enter First name”> </th>

</tr>

<tr>

<th> Last Name </th>

<th> <input type=”textbox” placeholder=”Enter Last Name”> </th>

</tr>

<tr>

<th> Date of Birth </th>

<th> <select> <option> Date </option> </select>

<select> <option> Month </option> </select>

<select> <option> Day </option> </select>

</th>

>/tr>

<tr>

<th> Gender </th>

<th><input type=”radio”> Male <input type=”radio”> Female </th>

</tr>

<tr>

<th> Country </th>


<th> <input type=”textbox” placeholder=”Country”> </th>//////<th> <select> <option>
Country </option> </select> <th>

</tr>

<tr>

<th> confrim Password</th>

<th> <input type=”textbox” placeholder=”Confirm Password” > </th>

</tr>

<tr>

<th> </th>

<th> <input type=”checkbox”> I Agree to the Terms of use </th>

</tr>

<tr bgcolor=”orange”>

<td colspan=”2”> <input type=”button” value =”submit” style=”background-color.green”>


<input type=”button” vale=”cancel” style =”background-color.Red”> </td>

</form>

</body>

</head>

6. Registration form making formula.

<html>

<head.

<title> Registration Form </title>

</head>

<body>

<Form>

<tr>

<Table border=”1” cellspacing =”0” align =”center”>

<tr bgcolor=”orange”>
<th colspan=”2”> Registration Form </th>

</tr>

<tr>

<th> Enter Name </th>

<th> <input tpe=”textbox” </th>

</tr>

<tr>

<th> Enter Password </th>

<th> <input type=”textbox” </th>

</tr>

</tr>

<th> Enter Address </th>

<th> <textarea> </textarea> ,/th>

</tr>

<tr>

<th> Select game </th>

<td>

<input type=”checkbox”> Hockey <br>

<input type=”checkbox”> Football <br>

<input type=”checkbox”> badmintion <br>

<input trype=”checkbox”> Cricket <br>

<input type=”checkbox”> Vollyball </td>

</tr>

<tr>

<th> Gender </th>

<th> <input type=”radio” Name = “koj”> Male <input type=”radio” Name =”koj”> Female
</th>

<tr>

<th> Select Your Age </th>

<th> <select> </th>

</tr>

<tr>

<th> Select Photo </th>

<th> <input type=”file”> </th>

</tr>

<tr>

<th colspan =”2”> <input type=”button” value=”click me> <input type=”Reset”> <input
type-“button” value=”submit form”> <.th>

</tr>

</form>

</body>

</html>.

7. Java Script <name last name and age>

<html>

<head>

<title> Java Script </title>

</head>

<body>

<script.

Var fn, ln, a ;

Firstname = “Billy”;
Lastname = “joel.”;

Age = “26” ;

Document.write(”My name is “);

Document.write(firstname);

Document.write(”&nbsp;”);

Document.write(lastname);

Document.write(”&nbsp;”);

Document.write(”I am “);

Document.write(age);

Document.write(”years old.”);

</script>

</body>

</html>

8. Table tag

<html>

<head>

<title>Table tag</title>

</head>

<body>

<table border=”2”>

<tr>

<th> Name </th>

<th> Class </th>


<th> Address </th>

<th> Contact </th>

</tr>

<td> Rahul </td>

<td> 10th </td.

<td> Germany </td>

<td> 9854326780 </td>

</tr>

<tr> same goes like above shown in the table

</tr>

</table>

</body>

</html>.

9. Student records making.

<html>

<head>

<title> Student record table </title>

</head>

<body>

<center>

<table border=”2”>

<caption><u><b> Student Record Table </b></u></caption>

<tr>

<td rowspan=”2”>S.no. </td>

<td rowspan=”2’>colspan=”5”Student name </td>


<td colspan=”2”> <center>Subject Name </center> </td>

<td rowspan =”2”>Total Marks </td>

</tr>

<tr>

<td> English </td>

<td> Hindi </td>

<td> Math </td>

<td> Science </td>

<td> Social Science </td>

</tr>

<tr>

<td>1 </td>

<td> Mahima Chowdhury /td>

<td> 86 </td>

<td> 76 /td>

<td> 88 </td>

<td> 78 </td>

<td> 69 </td>

<td> 317 </td>

</tr> </center>

</body>

</html>

You might also like