To create a registration form by using various form elements, links and table .
HTML Source:
- HTML FILE 1 (Main Page) Source Code:
<html>
<head>
<title>HTML 3</title>
</head>
<body>
<center>
<h1>Department of Information Technology</h1><br>
<u>
<h2>
<a href="E:\documents\IM LAB\html\html3- peo.html">
<abbr title="Program Educational Object">PEO</abbr>
</a>
</h2>
</u>
<table border="15" width="300" height="400" bordercolor="red">
<caption>GNDEC</caption>
<tr>
<th>Department</th>
<th rowspan="3">
<a href="http://cc.gndec.ac.in/">Computer Center</a>
</th>
</tr>
<tr>
<th>
<a href="http://it.gndec.ac.in/">IT</a>
</th>
</tr>
<tr>
<th>
<a href="http://cse.gndec.ac.in/">CSE</a>
</th>
</tr>
</table>
</center>
<b>
<u>
<a href="E:\documents\IM LAB\html\html 3-form.html">Registered?</a>
</u>
</b>
<hr>
<a href="E:\documents\IM LAB\html\html3-mail link.html">Sanjampreet Singh</a>
<br>
<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-methodologies-lab.html">Department Of Information Technology</a>
<br>
<a href="E:\documents\IM LAB\html\HTML2.html"><-Last Practical</a>
<a href="E:\documents\IM LAB\html\HTML4.html">Next Practical-></a>
<br>
</body>
</html>
- Output:
- HTML FILE 2 (PEO Page) Source Code:
<html>
<head>
<title>PEO</title>
</head>
<body>
<center>
<h1>Programme Education Objectives (PEO)</h1>
</center>
<ol>
<li>The graduates of Information Technology Engineering Program will be prepared to gain employment as an IT professional.</li>
<li>The graduates of Information Technology Engineering Program will function effectively as individuals and team members in the workplace, growing into highly technical or project management and leadership roles.</li>
<li>The graduates of Information Technology Engineering Program, if they are inclined, will be able to continue their formal education and be accepted to relevant post- graduate degree programs and succeed in these studies.</li>
</ol>
<hr>
<h3>
<a href="E:\documents\IM LAB\html\HTML3.html">Home</a>
</h3>
</body>
</html>
- Output:
- HTML FILE 3 (Form Page) Source Code:
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<center>
<h1>Registration Form</h1>
<form method="get" action="123.html" >
<fieldset>
<legend>Registration Form</legend>
Department <br>
<input type="text" name="dept"><br>
Roll no<br>
<input type="text" name="roll"><br>
Name<br>
<input type="text" name="fname"><br>
Password<br>
<input type="password" name="pass"><br>
E-Mail<br>
<input type="text" name="mail"><br>
<button type="submit">Submit</button>
<button><a href="E:\documents\IM LAB\html\HTML3.html">Home</a></button>
</form>
</fieldset>
</center>
</body>
</html>
- Output:
- HTML FILE 4 (Mail Page) Source Code:
<html>
<head>
<title>Click To Mail</title>
</head>
<body>
<a href="sanjam531@gmail.com">Mail Here</a>
</body>
</html>
Include the following source Code in Document Environment in your LaTeX File
LaTeX Source:
\documentclass[12pt]{article}
\usepackage{graphicx}
\usepackage{wrapfig}
\usepackage{multicol}
\usepackage{caption}
\usepackage{subcaption}
\usepackage{transparent}
\usepackage{multirow}
\usepackage{eso-pic}
\usepackage[utf8]{inputenc}
\usepackage{color}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newcommand\BackgroundIm{
\put(0,0){
\parbox[b][\paperheight]{\paperwidth}{
\vfill
\centering
{\transparent{0.05} \includegraphics[height=\paperheight,width=\paperwidth,
keepaspectratio]{gne}
\vfill
}}}}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\begin{document}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\AddToShipoutPicture{\BackgroundIm}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\pagenumbering{gobble}
\section{\emph{To create a registration form by using various form elements, links and table .}}
\subsection{\emph{Code Main Page:}}
\begin{verbatim}
<html>
<head>
<title>a</title>
</head>
<body>
<center> <h1>Department of Information Technology</h1><br>
<u><h2><a href="b.html">
<abbr title="Program Educational Object">PEO</abbr></a></h2></u>
<table border="5" width="300" height="400" bordercolor="red">
<caption>GNDEC</caption>
<tr>
<th> Department</th>
<th rowspan="3">
<a href="http//:www.cc.gndec.ac.in/">Computer Center</a></th>
</tr>
<tr>
<th> <a href="http//:it.gndec.ac.in/">IT</a></th>
</tr>
<tr>
<th> <a href="http//:cse.gndec.ac.in/">CSE</a> </th>
</tr>
</table>
</center>
<h1> <u><a href="c.html">Registered?</a></u></h1>
<hr>
<a href="E:\documents\IM LAB\html\html3-mail link.html">
Sanjampreet Singh</a>
<br>
<a href="http://sanjamhelping.blogspot.in/p/
it-14304-it-methodologies-lab.html">Department Of Information Technology</a>
<br>
<a href="E:\documents\IM LAB\html\HTML2.html">
<-Last Practical</a>
<a href="E:\documents\IM LAB\html\HTML4.html">Next Practical-></a>
<br>
</body>
</html>
\end{verbatim}
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.3]{p3-1}
\caption{Output Of Main Page}
\end{figure}
~
\newpage
\subsection{\emph{Code Of PEO Page:}}
\begin{verbatim}
<html>
<head>
<title>PEO</title>
</head>
<body>
<center>
<h1>Programme Education Objectives (PEO)</h1>
</center>
<ol>
<li>The graduates of Information Technology Engineering
Program will be prepared to gain employment as an IT professional.
</li>
<li>The graduates of Information Technology Engineering Program
will function effectively as individuals and team members in the workplace,
growing into highly technical or project management and leadership roles.</li>
<li>The graduates of Information Technology Engineering Program,
if they are inclined, will be able to continue their formal education and be
accepted to relevant post- graduate degree programs and succeed in these studies.</li>
</ol>
<hr>
<h3>
<a href="E:\documents\IM LAB\html\HTML3.html">Home</a>
</h3>
</body>
</html>
\end{verbatim}
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.3]{p3-peo}
\caption{Output Of PEO Page}
\end{figure}
~
\subsection{\emph{Code for Registration Form:}}
\begin{verbatim}
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<center>
<h1>Registration Form</h1>
<form method="get" action="123.html" >
<fieldset>
<legend>Registration Form</legend>
Department <br>
<input type="text" name="dept"><br>
Roll no<br>
<input type="text" name="roll"><br>
Name<br>
<input type="text" name="fname"><br>
Password<br>
<input type="password" name="pass"><br>
E-Mail<br>
<input type="text" name="mail"><br>
<button type="submit">Submit</button>
<button><a href="E:\documents\IM LAB\html\HTML3.html">
Home</a></button>
</form>
</fieldset>
</center>
</body>
</html>
\end{verbatim}
\newpage
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.3]{p3-form}
\caption{Output Of Form Page}
\end{figure}
\emph{On clicking Submit Button }
\subsubsection{\emph{Code Mail Page:}}
\begin{verbatim}
<html>
<head>
<title>Click To Mail</title>
</head>
<body>
<a href="sanjam531@gmail.com">Mail Here</a>
</body>
</html>
\end{verbatim}
\end{document}
\usepackage{graphicx}
\usepackage{wrapfig}
\usepackage{multicol}
\usepackage{caption}
\usepackage{subcaption}
\usepackage{transparent}
\usepackage{multirow}
\usepackage{eso-pic}
\usepackage[utf8]{inputenc}
\usepackage{color}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newcommand\BackgroundIm{
\put(0,0){
\parbox[b][\paperheight]{\paperwidth}{
\vfill
\centering
{\transparent{0.05} \includegraphics[height=\paperheight,width=\paperwidth,
keepaspectratio]{gne}
\vfill
}}}}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\begin{document}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\AddToShipoutPicture{\BackgroundIm}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newpage
\pagenumbering{gobble}
\section{\emph{To create a registration form by using various form elements, links and table .}}
\subsection{\emph{Code Main Page:}}
\begin{verbatim}
<html>
<head>
<title>a</title>
</head>
<body>
<center> <h1>Department of Information Technology</h1><br>
<u><h2><a href="b.html">
<abbr title="Program Educational Object">PEO</abbr></a></h2></u>
<table border="5" width="300" height="400" bordercolor="red">
<caption>GNDEC</caption>
<tr>
<th> Department</th>
<th rowspan="3">
<a href="http//:www.cc.gndec.ac.in/">Computer Center</a></th>
</tr>
<tr>
<th> <a href="http//:it.gndec.ac.in/">IT</a></th>
</tr>
<tr>
<th> <a href="http//:cse.gndec.ac.in/">CSE</a> </th>
</tr>
</table>
</center>
<h1> <u><a href="c.html">Registered?</a></u></h1>
<hr>
<a href="E:\documents\IM LAB\html\html3-mail link.html">
Sanjampreet Singh</a>
<br>
<a href="http://sanjamhelping.blogspot.in/p/
it-14304-it-methodologies-lab.html">Department Of Information Technology</a>
<br>
<a href="E:\documents\IM LAB\html\HTML2.html">
<-Last Practical</a>
<a href="E:\documents\IM LAB\html\HTML4.html">Next Practical-></a>
<br>
</body>
</html>
\end{verbatim}
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.3]{p3-1}
\caption{Output Of Main Page}
\end{figure}
~
\newpage
\subsection{\emph{Code Of PEO Page:}}
\begin{verbatim}
<html>
<head>
<title>PEO</title>
</head>
<body>
<center>
<h1>Programme Education Objectives (PEO)</h1>
</center>
<ol>
<li>The graduates of Information Technology Engineering
Program will be prepared to gain employment as an IT professional.
</li>
<li>The graduates of Information Technology Engineering Program
will function effectively as individuals and team members in the workplace,
growing into highly technical or project management and leadership roles.</li>
<li>The graduates of Information Technology Engineering Program,
if they are inclined, will be able to continue their formal education and be
accepted to relevant post- graduate degree programs and succeed in these studies.</li>
</ol>
<hr>
<h3>
<a href="E:\documents\IM LAB\html\HTML3.html">Home</a>
</h3>
</body>
</html>
\end{verbatim}
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.3]{p3-peo}
\caption{Output Of PEO Page}
\end{figure}
~
\subsection{\emph{Code for Registration Form:}}
\begin{verbatim}
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<center>
<h1>Registration Form</h1>
<form method="get" action="123.html" >
<fieldset>
<legend>Registration Form</legend>
Department <br>
<input type="text" name="dept"><br>
Roll no<br>
<input type="text" name="roll"><br>
Name<br>
<input type="text" name="fname"><br>
Password<br>
<input type="password" name="pass"><br>
E-Mail<br>
<input type="text" name="mail"><br>
<button type="submit">Submit</button>
<button><a href="E:\documents\IM LAB\html\HTML3.html">
Home</a></button>
</form>
</fieldset>
</center>
</body>
</html>
\end{verbatim}
\newpage
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.3]{p3-form}
\caption{Output Of Form Page}
\end{figure}
\emph{On clicking Submit Button }
\subsubsection{\emph{Code Mail Page:}}
\begin{verbatim}
<html>
<head>
<title>Click To Mail</title>
</head>
<body>
<a href="sanjam531@gmail.com">Mail Here</a>
</body>
</html>
\end{verbatim}
\end{document}
Comments
Post a Comment