To create an html page with frames and frameset

Layout Of HTML Frame

HTML Source Code:

<!DOCTYPE html>
<html>
<frameset rows="50%,*" >
<frameset cols="50%,*">
<frame src="E:\documents\IM LAB\html\HTML1.html">  HTML Page 1
<frame src="E:\documents\IM LAB\html\HTML2.html">  HTML Page 2
</frameset>
<frameset cols="25%,37.5%,37.5%">
  <frame src="E:/documents/IM%20LAB/html/sanjam.jpg">  YOUR PICTURE
  <frame src="E:\documents\IM LAB\html\HTML3.html">   HTML Page 3
<frame src="E:\documents\IM LAB\html\LinkToHtml.html">  HTML Page 4
    </frameset>
</html>

Output:




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 an html page with frames and frameset. }}
\subsection{\emph{Code Main Page:}}
\begin{verbatim}
<!DOCTYPE html>
<html>
<frameset rows="50%,*" >
<frameset cols="50%,*">
<frame src="E:\documents\IM LAB\html\HTML1.html">
<frame src="E:\documents\IM LAB\html\HTML2.html">
</frameset>
<frameset cols="25%,37.5%,37.5%">
<frame src="E:/documents/IM%20LAB/html/sanjam.jpg">
<frame src="E:\documents\IM LAB\html\HTML3.html">
<frame src="E:\documents\IM LAB\html\LinkToHtml.html">
</frameset>
</html>
\end{verbatim}
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.3]{html4Frame}
\caption{Output Of FRAME Page}
\end{figure}
\end{document}

Output:

Comments

Post a Comment

Popular posts from this blog

Program to illustrate the concept of templates.

Image
#include<iostream> using namespace std; template <class t> void display(t x) { cout<<"Displaying function of template : "<<x<<endl; } void display(int x) { cout<<"Explicit Display function : "<<x<<endl; } int main() { display(200); display(12.05); display('a'); cout<<"\n/*\nName-Sanjampreet Singh\nRoll Number-1507967\n*/"; } Output:
Read More »

To create an html file to implement the concept of margin, padding using cascading style sheets.

Image
HTML Source Code: <!DOCTYPE html> <html> <head> <title>Information Technology</title> <style > body { background-color:rgb(212,231,242); text-align: justify;color:#1F1F97; margin-right:10%; padding:100px;  } #cen { text-align:center;font-weight: bolder;font-size:25px; } ol  {     padding: 20px; } ol li  {     background: #ffe5e5;     margin: 5px; } span { font-style:sans-serif; text-decoration:underline; font-size:35px; text-align: center; } span.indent            {              padding-left: 1em             } </style> </head> <body> <div style="margin:auto;display:block;width:40%;"> <img src="dptit.PNG"  height="100px";position:"> </div> <h...
Read More »

To configure the IP address for a computer connected to LAN

Include the following source Code in Document Environment in your LaTeX File \begin{document} \newpage \section{\emph{To configure the IP address for a computer connected to LAN}} \subsection{\emph{Whai is IP Address?}} \begin{figure}[h] \centering \includegraphics[scale=0.2]{ip} \caption{IP Address logo} \end{figure} IP address is a unique string of numbers separated by full stops that identifies each computer using the Internet Protocol to communicate over a network.\\ \subsection{To Configure IP Address For Windows} \begin{enumerate} \item Click on the Windows Key on your Keyboard and Press X. On the menu that appears click control panel. \begin{center} \includegraphics[scale=0.45]{2-1} \end{center} \item In Category view click on Network and Internet. \begin{center} \includegraphics[scale=0.5]{2-2} \end{center} \item Click on Network and Sharing Center. \begin{center} \includegraphics[scale=0.5]{2-3} \end{center} \item Click on Change Adapter Settings. ...
Read More »