, , and
and shows how to create a basic HTML file with the skeleton structure. It also demonstrates how to create static webpages using other common HTML tags like
,
, ,
to display data in tables, lists and define terms. Finally, it shows how to create an HTML form with input fields to collect user information.">, , , and and shows how to create a basic HTML file with the skeleton structure. It also demonstrates how to create static webpages using other common HTML tags like
,
, ,
to display data in tables, lists and define terms. Finally, it shows how to create an HTML form with input fields to collect user information.">
The document provides instructions for creating basic HTML files and webpages. It introduces HTML tags like <html>, <head>, <title>, and <body> and shows how to create a basic HTML file with the skeleton structure. It also demonstrates how to create static webpages using other common HTML tags like <table>, <ul>, <ol>, <dl> to display data in tables, lists and define terms. Finally, it shows how to create an HTML form with input fields to collect user information.
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0 ratings0% found this document useful (0 votes)
7K views16 pages
Practicals Web Technology
The document provides instructions for creating basic HTML files and webpages. It introduces HTML tags like <html>, <head>, <title>, and <body> and shows how to create a basic HTML file with the skeleton structure. It also demonstrates how to create static webpages using other common HTML tags like <table>, <ul>, <ol>, <dl> to display data in tables, lists and define terms. Finally, it shows how to create an HTML form with input fields to collect user information.
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 16
PRACTICAL 1:
Introduction to HTML. Create a basic HTML file
Hyper Text Markup Language is a set of logical codes (markup) in parentheses that constitute the appearance of a web document and the information it contains. It is a language for creating static web pages. It specifies how the contents are to be presented on the web page. HTML is not a case sensitive language so; HTML and html both are same.
HTML is a text document with formatting codes and this document has the suffix “.html” or “.htm”.
Basic HTML Document
An element called HTML surrounds the whole document. This element contains two sub-elements, HEAD and BODY. These elements are required to form any HTML document. <Html> <Head> <Title>The First Page</title> </head> <Body> Hello World </body> </html> Just write down above code in the notepad editor and save this file with the extension of .html or .htm and then double click on that file you will get output on the default web browser. OUTPUT
1 Following are more sub tags of <Head> <HTML> <HEAD> has sub-elements that define header material: <TITLE> document title. The title of your document is what appears in a web browser’s Favourite or Bookmark list. Search engines on the Internet use the document’s title for indexing purposes. </TITLE> <BASE> can be used to record the document's location in the form of a URL. </BASE> <ISINDEX> indicates to the browser that the document is an index document. This is used only if the document is on a server that does indexing. </ISINDEX> <LINK> indicates a relationship between this document and some other object on the Web. </LINK> <META> provides information such as the page’s keywords and description that appears in HTTP headers. </META> <SCRIPT> contains either JAVA Script or VB Script </SCRIPT> <STYLE> contains information used by cascading style sheets </STYLE> </HEAD> <BODY> the remaining HTML elements are contained within these tags. </BODY> </HTML>
2 PRACTICAL 2: Create a static webpage using table tags of HTML
<html> <body> <TABLE BORDER="1" CELLPADDING="2"> <CAPTION ALIGN="Top"><b>Specification Table with Hours and Marks<CAPTION> <TR> <TH ROWSPAN="2">Unit No.</TH> <TH ROWSPAN="2">Unit Title</TH> <TH ROWSPAN="2">Teaching Hours</TH> <TH Colspan="4">Distribution of Theory Marks</TH> </TR> <TR> <TD>R Level </TD> <TD>U Level </TD> <TD>A Level </TD> <TD>Total Marks </TD> </TR> <TR> <TD> <center>I </TD> <TD>Introduction to Internet Technology</TD> <TD><center>2</TD> <TD><center>4</TD> <TD><center>4</TD> <TD><center>0</TD> <TD><center>8</TD> </TR> <TR> <TD> <center>II </TD> <TD>Basics of HTML & CSS</TD> <TD><center>6</TD> <TD><center>0</TD> <TD><center>2</TD> <TD><center>6</TD> <TD><center>8</TD> </TR> <TR> <TD> <center>III </TD> <TD>Active Server Pages 3.0</TD> <TD><center>6</TD> <TD><center>4</TD> <TD><center>8</TD> <TD><center>0</TD> <TD><center>12</TD> </TR> <TR> <TD> <center>IV </TD> <TD>Server Side Coding with VBScript and XML</TD> <TD><center>8</TD> <TD><center>2</TD> <TD><center>4</TD> <TD><center>8</TD>
<td><U&g <td><CITE></td> t;</td> <td><CITE> Citation </CITE></td> <td><U> Underline </U></td> <td><STRIKE></td> <td><STRIKE> strike-through text </STRIKE></td> <tr> <td><BIG></td> <td><BIG> text in a big font </BIG></td> </tr > <tr> <td><SMALL></td> <td><SMALL> text in a small font <SMALL></td> </tr > <td><SUB></td> <tr> <td>a<SUB> b </SUB></td>
Following is the list of proposed student activities like:
<OL type=1> <li>Develop programs related with unit vice topics in computer laboratory.</li> <li>Develop any module of to be useful in real life application.</li> <li>Multimedia presentation of module developed by students.</li> </OL> <hr>
11 PRACTICAL 6: Apply style sheet in Web page. [inline, embedded and linked] ext.css hr { color:sienna; } p { margin-left:20px; } bod y { background-image:url("sheet.jpg");
<div>Text inside a div element. <p>paragraph background color</p> still in the div element. </div> <p style="color:red;margin-left:20px;">Hello world.</p> </body> </html>
12 OUTPUT
13 PRACTICAL 7: Create a dynamic web page which displays a message “Welcome to ASP” using VBScript
<html> <body> <% response.Write("Welcome to ASP") response.Write("<br>") response.Write("HTML") %> <b> ASP </b> <% response.Write("<br>") response.Write("XML")
%> </body> </html>
OUTPUT
14 PRACTICAL 8: Create a dynamic web page which prints Fibonacci series from 1 to 10 in VBScript
<html> <body > <center> <% dim a,b,c,i a=0 b=1 for i=1 to 10 c=a+b response.write b response.write "<br/>" a=b b=c next %> </center> </body> </html>
1) Create A Form Having Number of Elements (Textboxes, Radio Buttons, Checkboxes, and So On) - Write A Javascript Code To Count The Number of Elements in A Form